diff --git a/docs/404.html b/docs/404.html index 5a5933aef5..bee2374db9 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/06df40a2.eb83513b.js b/docs/assets/js/06df40a2.23875b5f.js similarity index 69% rename from docs/assets/js/06df40a2.eb83513b.js rename to docs/assets/js/06df40a2.23875b5f.js index 1aaf0a50ac..00f984ae60 100644 --- a/docs/assets/js/06df40a2.eb83513b.js +++ b/docs/assets/js/06df40a2.23875b5f.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:()=>l,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};function l(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(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"),"."))}l.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/072ed0e5.b1cc3b3e.js b/docs/assets/js/072ed0e5.b1cc3b3e.js new file mode 100644 index 0000000000..c53b388331 --- /dev/null +++ b/docs/assets/js/072ed0e5.b1cc3b3e.js @@ -0,0 +1 @@ +"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/072ed0e5.e856b234.js b/docs/assets/js/072ed0e5.e856b234.js deleted file mode 100644 index efcb14e984..0000000000 --- a/docs/assets/js/072ed0e5.e856b234.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:()=>c,default:()=>f,frontMatter:()=>i,metadata:()=>u,toc:()=>p});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}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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."))}l.isMDXComponent=!0;const i={title:"Content",description:"",hide_table_of_contents:!0},c=void 0,u={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"}},p=[],d=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.kt)("div",e)});var h;const m={toc:p};function f(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.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 c=n(3810),u=n(6010);const p="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,{"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};function g(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/0b225811.48a85197.js b/docs/assets/js/0b225811.48a85197.js deleted file mode 100644 index c51cdf6611..0000000000 --- a/docs/assets/js/0b225811.48a85197.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:()=>d,default:()=>v,frontMatter:()=>p,metadata:()=>m,toc:()=>h});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}]};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}i.isMDXComponent=!0;var s=n(7521);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}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(s.ZP,{id:"components-forms-checkbox--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"invalid"},"Invalid"),(0,r.kt)(s.ZP,{id:"components-forms-checkbox--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"optional"},"Optional"),(0,r.kt)(s.ZP,{id:"components-forms-checkbox--optional",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"single"},"Single"),(0,r.kt)(s.ZP,{id:"components-forms-checkbox--single",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Checkbox",description:"",hide_table_of_contents:!0},d=void 0,m={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"}},h=[],f={toc:h};function v(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}s.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});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_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:v,setTabGroupChoices:b}=s(),[k,y]=(0,r.useState)(f),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=v[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&&b(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,{"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 v={toc:[],getValues:f};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/0b225811.69f9ed96.js b/docs/assets/js/0b225811.69f9ed96.js new file mode 100644 index 0000000000..beace553bb --- /dev/null +++ b/docs/assets/js/0b225811.69f9ed96.js @@ -0,0 +1 @@ +"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/0bef62f9.096fabb0.js b/docs/assets/js/0bef62f9.096fabb0.js new file mode 100644 index 0000000000..41a62c8128 --- /dev/null +++ b/docs/assets/js/0bef62f9.096fabb0.js @@ -0,0 +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 diff --git a/docs/assets/js/0bef62f9.1263689d.js b/docs/assets/js/0bef62f9.1263689d.js deleted file mode 100644 index c8ed14273d..0000000000 --- a/docs/assets/js/0bef62f9.1263689d.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>m,default:()=>f,frontMatter:()=>d,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}]};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}s.isMDXComponent=!0;var u=n(7521);const i={toc:[]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(u.ZP,{id:"components-table--default",height:"400",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="TableJSDoc";var p;const d={title:"Table",description:"",hide_table_of_contents:!0},m=void 0,b={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"}},h=[],v={toc:h};function f(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.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};function u(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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:()=>f});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_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,{"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};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/14eb3368.55aa3160.js b/docs/assets/js/14eb3368.55aa3160.js deleted file mode 100644 index 6948a17670..0000000000 --- a/docs/assets/js/14eb3368.55aa3160.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:()=>T});var a=n(7294),i=n(3810),l=n(9960),r=n(6010);const s="cardContainer_w8bb",o="cardContainerLink_AhGd",c="cardTitle_t-cI",m="cardDescription_aEbl";var d=n(3919);function u(e){let{href:t,children:n}=e;const i=(0,r.Z)("card margin-bottom--lg padding--lg",s,t&&o);return t?a.createElement(l.Z,{href:t,className:i},n):a.createElement("div",{className:i},n)}function v(e){let{href:t,icon:n,title:i,description:l}=e;return a.createElement(u,{href:t},a.createElement("h2",{className:(0,r.Z)("text--truncate",c),title:i},n," ",i),a.createElement("div",{className:(0,r.Z)("text--truncate",m),title:l},l))}function h(e){let{item:t}=e;const n=(0,i.Wl)(t);return a.createElement(v,{href:n,icon:"\ud83d\uddc3\ufe0f",title:t.label,description:`${t.items.length} items`})}function g(e){let{item:t}=e;const n=(0,d.Z)(t.href)?"\ud83d\udcc4\ufe0f":"\ud83d\udd17",l=(0,i.xz)(t.docId??void 0);return a.createElement(v,{href:t.href,icon:n,title:t.label,description:l?.description})}function E(e){let{item:t}=e;switch(t.type){case"link":return a.createElement(g,{item:t});case"category":return a.createElement(h,{item:t});default:throw new Error(`unknown item type ${JSON.stringify(t)}`)}}function b(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(E,{item:e})))))}var p=n(1101),f=n(1217),N=n(4474),k=n(7597),Z=n(9649);const _="generatedIndexPage_aEAk",L="title_2-6Y";function T(e){let{categoryGeneratedIndex:t}=e;const n=(0,i.jA)();return a.createElement(a.Fragment,null,a.createElement(f.Z,{title:t.title,description:t.description}),a.createElement("div",{className:_},a.createElement(N.Z,null),a.createElement(k.Z,null),a.createElement("header",null,a.createElement(Z.N,{className:L},t.title),t.description&&a.createElement("p",null,t.description)),a.createElement("main",{className:"margin-top--lg"},a.createElement(b,{items:n.items})),a.createElement("footer",{className:"margin-top--lg"},a.createElement(p.Z,{previous:t.navigation.previous,next:t.navigation.next}))))}},1101:(e,t,n)=>{n.d(t,{Z:()=>r});var a=n(7294),i=n(9960),l=n(5999);const r=function(e){const{previous:t,next:n}=e;return a.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,l.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(l.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(l.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:()=>r});var a=n(7294),i=n(3810),l=n(6010);function r(e){let{className:t}=e;const n=(0,i.E6)();return n.badge?a.createElement("span",{className:(0,l.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),l=n(9960),r=n(5999),s=n(907),o=n(3810),c=n(6010);const m={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(r.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(r.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 d(e){const t=m[e.versionMetadata.banner];return a.createElement(t,e)}function u(e){let{versionLabel:t,to:n,onClick:i}=e;return a.createElement(r.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(l.Z,{to:n,onClick:i},a.createElement(r.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:l}}=(0,i.Z)(),{pluginId:r}=(0,s.gA)({failfast:!0}),{savePreferredVersionName:m}=(0,o.J)(r),{latestDocSuggestion:v,latestVersionSuggestion:h}=(0,s.Jo)(r),g=v??(E=h).docs.find((e=>e.id===E.mainDocId));var E;return a.createElement("div",{className:(0,c.Z)(t,o.kM.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(d,{siteTitle:l,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(u,{versionLabel:h.label,to:g.path,onClick:()=>m(h.name)})))}function h(e){let{className:t}=e;const n=(0,o.E6)();return n.banner?a.createElement(v,{className:t,versionMetadata:n}):null}},9649:(e,t,n)=>{n.d(t,{N:()=>m,Z:()=>d});var a=n(7462),i=n(7294),l=n(6010),r=n(5999),s=n(3810);const o="anchorWithStickyNavbar_y2LR",c="anchorWithHideOnScrollNavbar_3ly5",m=e=>{let{...t}=e;return i.createElement("header",null,i.createElement("h1",(0,a.Z)({},t,{id:void 0}),t.children))},d=e=>{return"h1"===e?m:(t=e,e=>{let{id:n,...m}=e;const{navbar:{hideOnScroll:d}}=(0,s.LU)();return n?i.createElement(t,(0,a.Z)({},m,{className:(0,l.Z)("anchor",{[c]:d,[o]:!d}),id:n}),m.children,i.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${n}`,title:(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):i.createElement(t,m)});var t}}}]); \ No newline at end of file diff --git a/docs/assets/js/14eb3368.d6f1bb65.js b/docs/assets/js/14eb3368.d6f1bb65.js new file mode 100644 index 0000000000..c413226f77 --- /dev/null +++ b/docs/assets/js/14eb3368.d6f1bb65.js @@ -0,0 +1 @@ +"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.2cb2cc23.js b/docs/assets/js/17896441.2cb2cc23.js deleted file mode 100644 index ab8ca7f15a..0000000000 --- a/docs/assets/js/17896441.2cb2cc23.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:()=>W});var n=a(7294),l=a(6010),s=a(3783),i=a(1101),r=a(4474),o=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 v(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 g(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(v,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var h=a(7462);const p="iconEdit_mS5F";const E=function(e){let{className:t,...a}=e;return n.createElement("svg",(0,h.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,l.Z)(p,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 b(e){let{editUrl:t}=e;return n.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:m.kM.common.editThisPage},n.createElement(E,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))},Z="tags_NBRY",U="tag_F03v";function T(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)(Z,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:a}=e;return n.createElement("li",{key:a,className:U},n.createElement(L,{name:t,permalink:a}))}))))}const C="lastUpdated_mt2f";function y(e){return n.createElement("div",{className:(0,l.Z)(m.kM.docs.docFooterTagsRow,"row margin-bottom--sm")},n.createElement("div",{className:"col"},n.createElement(T,e)))}function w(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(b,{editUrl:t})),n.createElement("div",{className:(0,l.Z)("col",C)},(a||s)&&n.createElement(g,{lastUpdatedAt:a,formattedLastUpdatedAt:i,lastUpdatedBy:s})))}function A(e){const{content:t}=e,{metadata:a}=t,{editUrl:s,lastUpdatedAt:i,formattedLastUpdatedAt:r,lastUpdatedBy:o,tags:c}=a,d=c.length>0,u=!!(s||i||o);return d||u?n.createElement("footer",{className:(0,l.Z)(m.kM.docs.docFooter,"docusaurus-mt-lg")},d&&n.createElement(y,{tags:c}),u&&n.createElement(w,{editUrl:s,lastUpdatedAt:i,lastUpdatedBy:o,formattedLastUpdatedAt:r})):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 x(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:r,...o}=e;const c=(0,m.LU)(),d=i??c.tableOfContents.minHeadingLevel,u=r??c.tableOfContents.maxHeadingLevel,v=(0,m.DA)({toc:t,minHeadingLevel:d,maxHeadingLevel:u}),g=(0,n.useMemo)((()=>{if(l&&s)return{linkClassName:l,linkActiveClassName:s,minHeadingLevel:d,maxHeadingLevel:u}}),[l,s,d,u]);return(0,m.Si)(g),n.createElement(M,(0,h.Z)({toc:v,className:a,linkClassName:l},o))}const H="tableOfContents_vrFS";const S=function(e){let{className:t,...a}=e;return n.createElement("div",{className:(0,l.Z)(H,"thin-scrollbar",t)},n.createElement(x,(0,h.Z)({},a,{linkClassName:"table-of-contents__link toc-highlight",linkActiveClassName:"table-of-contents__link--active"})))},B="tocCollapsible_aw-L",V="tocCollapsibleButton_zr6a",F="tocCollapsibleContent_0dom",D="tocCollapsibleExpanded_FSiv";function I(e){let{toc:t,className:a,minHeadingLevel:s,maxHeadingLevel:i}=e;const{collapsed:r,toggleCollapsed:o}=(0,m.uR)({initialState:!0});return n.createElement("div",{className:(0,l.Z)(B,{[D]:!r},a)},n.createElement("button",{type:"button",className:(0,l.Z)("clean-btn",V),onClick:o},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:F,collapsed:r},n.createElement(x,{toc:t,minHeadingLevel:s,maxHeadingLevel:i})))}var O=a(9649);const R="docItemContainer_oiyr",z="docItemCol_zHA2",P="tocMobile_Tx6Y";function W(e){const{content:t}=e,{metadata:a,frontMatter:d}=t,{image:u,keywords:v,hide_title:g,hide_table_of_contents:h,toc_min_heading_level:p,toc_max_heading_level:E}=d,{description:b,title:N}=a,f=!g&&void 0===t.contentTitle,k=(0,s.Z)(),_=!h&&t.toc&&t.toc.length>0,L=_&&("desktop"===k||"ssr"===k);return n.createElement(n.Fragment,null,n.createElement(c.Z,{title:N,description:b,keywords:v,image:u}),n.createElement("div",{className:"row"},n.createElement("div",{className:(0,l.Z)("col",{[z]:!h})},n.createElement(r.Z,null),n.createElement("div",{className:R},n.createElement("article",null,n.createElement(o.Z,null),_&&n.createElement(I,{toc:t.toc,minHeadingLevel:p,maxHeadingLevel:E,className:(0,l.Z)(m.kM.docs.docTocMobile,P)}),n.createElement("div",{className:(0,l.Z)(m.kM.docs.docMarkdown,"markdown")},f&&n.createElement(O.N,null,N),n.createElement(t,null)),n.createElement(A,e)),n.createElement(i.Z,{previous:a.previous,next:a.next}))),L&&n.createElement("div",{className:"col col--3"},n.createElement(S,{toc:t.toc,minHeadingLevel:p,maxHeadingLevel:E,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:()=>g});var n=a(7294),l=a(2263),s=a(9960),i=a(5999),r=a(907),o=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 v(e){let{className:t,versionMetadata:a}=e;const{siteConfig:{title:s}}=(0,l.Z)(),{pluginId:i}=(0,r.gA)({failfast:!0}),{savePreferredVersionName:d}=(0,o.J)(i),{latestDocSuggestion:v,latestVersionSuggestion:g}=(0,r.Jo)(i),h=v??(p=g).docs.find((e=>e.id===p.mainDocId));var p;return n.createElement("div",{className:(0,c.Z)(t,o.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:g.label,to:h.path,onClick:()=>d(g.name)})))}function g(e){let{className:t}=e;const a=(0,o.E6)();return a.banner?n.createElement(v,{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),r=a(3810);const o="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,r.LU)();return a?l.createElement(t,(0,n.Z)({},d,{className:(0,s.Z)("anchor",{[c]:m,[o]:!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.62ce0020.js b/docs/assets/js/17896441.62ce0020.js new file mode 100644 index 0000000000..72092568a4 --- /dev/null +++ b/docs/assets/js/17896441.62ce0020.js @@ -0,0 +1 @@ +"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 g(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 p(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(g,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var v=a(7462);const h={iconEdit:"iconEdit_mS5F"};const b=function(e){let{className:t,...a}=e;return n.createElement("svg",(0,v.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,l.Z)(h.iconEdit,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 f=a(9960);const N={tag:"tag_WK-t",tagRegular:"tagRegular_LXbV",tagWithCount:"tagWithCount_S5Zl"};const k=function(e){const{permalink:t,name:a,count:s}=e;return n.createElement(f.Z,{href:t,className:(0,l.Z)(N.tag,{[N.tagRegular]:!s,[N.tagWithCount]:s})},a,s&&n.createElement("span",null,s))},_={tags:"tags_NBRY",tag:"tag_F03v"};function C(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)(_.tags,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:a}=e;return n.createElement("li",{key:a,className:_.tag},n.createElement(k,{name:t,permalink:a}))}))))}const L={lastUpdated:"lastUpdated_mt2f"};function Z(e){return n.createElement("div",{className:(0,l.Z)(m.kM.docs.docFooterTagsRow,"row margin-bottom--sm")},n.createElement("div",{className:"col"},n.createElement(C,e)))}function U(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",L.lastUpdated)},(a||s)&&n.createElement(p,{lastUpdatedAt:a,formattedLastUpdatedAt:i,lastUpdatedBy:s})))}function T(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(Z,{tags:c}),u&&n.createElement(U,{editUrl:s,lastUpdatedAt:i,lastUpdatedBy:r,formattedLastUpdatedAt:o})):null}function y(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(y,{isChild:!0,toc:e.children,className:a,linkClassName:l}))))):null}function w(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,g=(0,m.DA)({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.Si)(p),n.createElement(y,(0,v.Z)({toc:g,className:a,linkClassName:l},r))}const M={tableOfContents:"tableOfContents_vrFS",docItemContainer:"docItemContainer_VKW9"},A="table-of-contents__link toc-highlight",x="table-of-contents__link--active";const H=function(e){let{className:t,...a}=e;return n.createElement("div",{className:(0,l.Z)(M.tableOfContents,"thin-scrollbar",t)},n.createElement(w,(0,v.Z)({},a,{linkClassName:A,linkActiveClassName:x})))},B={tocCollapsible:"tocCollapsible_aw-L",tocCollapsibleButton:"tocCollapsibleButton_zr6a",tocCollapsibleContent:"tocCollapsibleContent_0dom",tocCollapsibleExpanded:"tocCollapsibleExpanded_FSiv"};function I(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(w,{toc:t,minHeadingLevel:s,maxHeadingLevel:i})))}var S=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:g,hide_title:p,hide_table_of_contents:v,toc_min_heading_level:h,toc_max_heading_level:b}=d,{description:E,title:f}=a,N=!p&&void 0===t.contentTitle,k=(0,s.Z)(),_=!v&&t.toc&&t.toc.length>0,C=_&&("desktop"===k||"ssr"===k);return n.createElement(n.Fragment,null,n.createElement(c.Z,{title:f,description:E,keywords:g,image:u}),n.createElement("div",{className:"row"},n.createElement("div",{className:(0,l.Z)("col",{[V.docItemCol]:!v})},n.createElement(o.Z,null),n.createElement("div",{className:V.docItemContainer},n.createElement("article",null,n.createElement(r.Z,null),_&&n.createElement(I,{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")},N&&n.createElement(S.N,null,f),n.createElement(t,null)),n.createElement(T,e)),n.createElement(i.Z,{previous:a.previous,next:a.next}))),C&&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:()=>p});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 g(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:g,latestVersionSuggestion:p}=(0,o.Jo)(i),v=g??(h=p).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:p.label,to:v.path,onClick:()=>d(p.name)})))}function p(e){let{className:t}=e;const a=(0,r.E6)();return a.banner?n.createElement(g,{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/1a10606c.b3944c14.js b/docs/assets/js/1a10606c.b3944c14.js new file mode 100644 index 0000000000..65905debd9 --- /dev/null +++ b/docs/assets/js/1a10606c.b3944c14.js @@ -0,0 +1 @@ +"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:()=>f,default:()=>h,frontMatter:()=>g,metadata:()=>b,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(9651).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"},"Thematic information platforms")),(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},f=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"}},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 f=null===a?a:a??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:y}=s(),[k,v]=(0,r.useState)(f),h=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=l){const e=b[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 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},y="wrapper";function k(e){let{components:t,...n}=e;return(0,o.kt)(y,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(d,{defaultValue:"usage",values:f(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},9651:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/footer-elements-39c9f56135598a17f0f9dcf1c8e88743.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/1a10606c.e0503bbe.js b/docs/assets/js/1a10606c.e0503bbe.js deleted file mode 100644 index 42b77a1bd1..0000000000 --- a/docs/assets/js/1a10606c.e0503bbe.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:()=>d,default:()=>b,frontMatter:()=>m,metadata:()=>g,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}]};function i(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(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(9651).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"},"Thematic information platforms")),(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")))}i.isMDXComponent=!0;var s=n(7521);const u={toc:[]};function p(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(s.ZP,{id:"layout-footer--default",height:"1000",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;c="AccordionJSDoc";var c;const m={title:"Site Footer",description:"",hide_table_of_contents:!0},d=void 0,g={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=[],y={toc:f};function b(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}s.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});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_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 f=null===a?a:a??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:y,setTabGroupChoices:b}=s(),[k,v]=(0,r.useState)(f),h=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=l){const e=y[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&&b(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,{"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 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};function b(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,a.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(d,{defaultValue:"usage",values:f(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)))}b.isMDXComponent=!0},9651:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/footer-elements-39c9f56135598a17f0f9dcf1c8e88743.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/1be78505.3777f667.js b/docs/assets/js/1be78505.3777f667.js deleted file mode 100644 index 90ab2f5d56..0000000000 --- a/docs/assets/js/1be78505.3777f667.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:()=>h});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,h=m["".concat(i,".").concat(p)]||m[p]||u[p]||r;return n?a.createElement(h,l(l({ref:t},d),{},{components:n})):a.createElement(h,l({ref:t},d))}));function h(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:()=>fe});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),h=n(9960),y=n(3919),b=n(541);const g="menuLinkText_OKON",f="hasHref_TwRn";var v=n(2389);const E=(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(N,(0,m.Z)({item:t},n)):a.createElement(T,(0,m.Z)({item:t},n))}function N(e){let{item:t,onItemClick:n,activePath:o,level:r,...l}=e;const{items:s,label:d,collapsible:u,className:y,href:b}=t,k=function(e){const t=(0,v.Z)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.Wl)(e):void 0),[e,t])}(t),N=(0,i._F)(t,o),{collapsed:T,setCollapsed:C,toggleCollapsed:Z}=(0,i.uR)({initialState:()=>!!u&&(!N&&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:N,collapsed:T,setCollapsed:C}),a.createElement("li",{className:(0,c.Z)(i.kM.docs.docSidebarItemCategory,i.kM.docs.docSidebarItemCategoryLevel(r),"menu__list-item",{"menu__list-item--collapsed":T},y)},a.createElement("div",{className:"menu__list-item-collapsible"},a.createElement(h.Z,(0,m.Z)({className:(0,c.Z)("menu__link",{"menu__link--sublist":u&&!b,"menu__link--active":N,[g]:!u,[f]:!!k}),onClick:u?e=>{n?.(t),b?C(!1):(e.preventDefault(),Z())}:()=>{n?.(t)},href:u?k??"#":k},l),d),b&&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(),Z()}})),a.createElement(i.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:T},a.createElement(E,{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(h.Z,(0,m.Z)({className:(0,c.Z)("menu__link",{"menu__link--active":p}),"aria-current":p?"page":void 0,to:s},(0,y.Z)(s)&&{onClick:n?()=>n(t):void 0},l),(0,y.Z)(s)?d:a.createElement("span",null,d,a.createElement(b.Z,null))))}const C="sidebar_a3j0",Z="sidebarWithHideableNavbar_VlPv",_="sidebarHidden_OqfG",S="sidebarLogo_hmkv",O="menu_cyFh",P="menuWithAnnouncementBar_+O1J",w="collapseSidebarButton_eoK2",I="collapseSidebarButtonIcon_e+kA";function x(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",w),onClick:t},a.createElement(u,{className:I}))}function L(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)(C,{[Z]:s,[_]:r})},s&&a.createElement(d.Z,{tabIndex:-1,className:S}),a.createElement("nav",{className:(0,c.Z)("menu thin-scrollbar",O,{[P]:l})},a.createElement("ul",{className:(0,c.Z)(i.kM.docs.docSidebarMenu,"menu__list")},a.createElement(E,{items:n,activePath:t,level:1}))),m&&a.createElement(x,{onClick:o}))}const A=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(E,{items:n,activePath:o,onItemClick:e=>{"category"===e.type&&e.href&&t(),"link"===e.type&&t()},level:1}))};function D(e){return a.createElement(i.Cv,{component:A,props:e})}const M=a.memo(L),j=a.memo(D);function B(e){const t=(0,s.Z)(),n="desktop"===t||"ssr"===t,o="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement(M,e),o&&a.createElement(j,e))}var F=n(2859);const R={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 z={Prism:n(7410).default,theme:R};function H(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(){return W=Object.assign||function(e){for(var t=1;t0&&e[n-1]===t?e:e.concat(t)},Y=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=W({},e[t],o);e[t]=n})),e}),a);return o.root=n,o.plain=W({},n,{backgroundColor:null}),o};function J(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}const K=function(e){function t(){for(var t=this,n=[],a=arguments.length;a--;)n[a]=arguments[a];e.apply(this,n),H(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?Y(e.theme,e.language):void 0;return t.themeDict=n})),H(this,"getLineProps",(function(e){var n=e.key,a=e.className,o=e.style,r=W({},J(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?W({},r.style,o):o),void 0!==n&&(r.key=n),a&&(r.className+=" "+a),r})),H(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))}})),H(this,"getTokenProps",(function(e){var n=e.key,a=e.className,o=e.style,r=e.token,l=W({},J(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?W({},l.style,o):o),void 0!==n&&(l.key=n),a&&(l.className+=" "+a),l})),H(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=q(d,m.type),m.alias&&(d=q(d,m.alias)),s=m.content),"string"==typeof s){var u=s.split(V),p=u.length;c.push({types:d,content:u[0]});for(var h=1;h{const{prism:e}=(0,i.LU)(),{isDarkTheme:t}=(0,X.Z)(),n=e.theme||Q,a=e.darkTheme||n;return t?a:n},$="codeBlockContainer_J+bg",ee="codeBlockContent_csEI",te="codeBlockTitle_oQzk",ne="codeBlock_rtdJ",ae="copyButton_M3SB",oe="codeBlockLines_1zSZ";function re(e){let{children:t,className:n,metastring:o,title:r}=e;const{prism:l}=(0,i.LU)(),[s,d]=(0,a.useState)(!1),[u,h]=(0,a.useState)(!1);(0,a.useEffect)((()=>{h(!0)}),[]);const y=(0,i.bc)(o)||r,b=G(),g=Array.isArray(t)?t.join(""):t,f=(0,i.Vo)(n)??l.defaultLanguage,{highlightLines:v,code:E}=(0,i.nZ)(g,o,f),k=()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;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();let l=!1;r.rangeCount>0&&(l=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(K,(0,m.Z)({},z,{key:String(u),theme:b,code:E,language:f}),(e=>{let{className:t,style:o,tokens:r,getLineProps:l,getTokenProps:i}=e;return a.createElement("div",{className:(0,c.Z)($,n)},y&&a.createElement("div",{style:o,className:te},y),a.createElement("div",{className:(0,c.Z)(ee,f)},a.createElement("pre",{tabIndex:0,className:(0,c.Z)(t,ne,"thin-scrollbar"),style:o},a.createElement("code",{className:oe},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)(ae,"clean-btn"),onClick:k},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 le=n(9649);const ce="details_h+cY";function ie(e){let{...t}=e;return a.createElement(i.PO,(0,m.Z)({},t,{className:(0,c.Z)("alert alert--info",ce,t.className)}))}const se={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(F.Z,e,t)},code:e=>{const{children:t}=e;return(0,a.isValidElement)(t)?t:t.includes("\n")?a.createElement(re,e):a.createElement("code",e)},a:e=>a.createElement(h.Z,e),pre:e=>{const{children:t}=e;return(0,a.isValidElement)(t)&&(0,a.isValidElement)(t?.props?.children)?t.props.children:a.createElement(re,(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(ie,(0,m.Z)({},e,{summary:n}),o)},h1:(0,le.Z)("h1"),h2:(0,le.Z)("h2"),h3:(0,le.Z)("h3"),h4:(0,le.Z)("h4"),h5:(0,le.Z)("h5"),h6:(0,le.Z)("h6")};var de=n(4608);const me="backToTopButton_i9tI",ue="backToTopButtonShow_wCmF";function pe(){const e=(0,a.useRef)(null);return{smoothScrollTop:function(){e.current=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 he=function(){const[e,t]=(0,a.useState)(!1),n=(0,a.useRef)(!1),{smoothScrollTop:o,cancelScrollToTop:r}=pe();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,me,{[ue]:e}),type:"button",onClick:()=>o()})};var ye=n(6550);const be={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 ge(e){let{currentDocRoute:t,versionMetadata:n,children:r,sidebarName:s}=e;const d=(0,i.Vq)(),{pluginId:m,version:h}=n,[y,b]=(0,a.useState)(!1),[g,f]=(0,a.useState)(!1),v=(0,a.useCallback)((()=>{g&&f(!1),b((e=>!e))}),[g]);return a.createElement(l.Z,{wrapperClassName:i.kM.wrapper.docsPages,pageClassName:i.kM.page.docsDocPage,searchMetadata:{version:h,tag:(0,i.os)(m,h)}},a.createElement("div",{className:be.docPage},a.createElement(he,null),d&&a.createElement("aside",{className:(0,c.Z)(be.docSidebarContainer,{[be.docSidebarContainerHidden]:y}),onTransitionEnd:e=>{e.currentTarget.classList.contains(be.docSidebarContainer)&&y&&f(!0)}},a.createElement(B,{key:s,sidebar:d,path:t.path,onCollapse:v,isHidden:g}),g&&a.createElement("div",{className:be.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:be.expandSidebarButtonIcon}))),a.createElement("main",{className:(0,c.Z)(be.docMainContainer,{[be.docMainContainerEnhanced]:y||!d})},a.createElement("div",{className:(0,c.Z)("container padding-top--md padding-bottom--lg",be.docItemWrapper,{[be.docItemWrapperEnhanced]:y})},a.createElement(o.Zo,{components:se},r)))))}const fe=function(e){const{route:{routes:t},versionMetadata:n,location:o}=e,l=t.find((e=>(0,ye.LX)(o.pathname,e)));if(!l)return a.createElement(de.default,null);const c=l.sidebar,s=c?n.docsSidebars[c]:null;return a.createElement(a.Fragment,null,a.createElement(F.Z,null,a.createElement("html",{className:n.className})),a.createElement(i.qu,{version:n},a.createElement(i.bT,{sidebar:s},a.createElement(ge,{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.c061ba5d.js b/docs/assets/js/1be78505.c061ba5d.js new file mode 100644 index 0000000000..c566bea9b7 --- /dev/null +++ b/docs/assets/js/1be78505.c061ba5d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9514,4608],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,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({}),s=function(e){var t=o.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 o.createElement(i.Provider,{value:t},e.children)},u="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},p=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,d=c(e,["components","mdxType","originalType","parentName"]),u=s(n),p=a,b=u["".concat(i,".").concat(p)]||u[p]||m[p]||r;return n?o.createElement(b,l(l({ref:t},d),{},{components:n})):o.createElement(b,l({ref:t},d))}));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]=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:a,l[1]=c;for(var s=2;s{n.r(t),n.d(t,{default:()=>ce});var o=n(7294),a=n(3905),r=n(6291),l=n(4161),c=n(6010),i=n(3810),s=n(3783),d=n(5537),u=n(7462);const m=function(e){return o.createElement("svg",(0,u.Z)({width:"20",height:"20","aria-hidden":"true"},e),o.createElement("g",{fill:"#7a7a7a"},o.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"}),o.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,o.memo)((e=>{let{items:t,...n}=e;return o.createElement(o.Fragment,null,t.map(((e,t)=>o.createElement(k,(0,u.Z)({key:t,item:e},n)))))}));function k(e){let{item:t,...n}=e;return"category"===t.type?0===t.items.length?null:o.createElement(E,(0,u.Z)({item:t},n)):o.createElement(T,(0,u.Z)({item:t},n))}function E(e){let{item:t,onItemClick:n,activePath:a,level:r,...l}=e;const{items:s,label:d,collapsible:m,className:h,href:y}=t,k=function(e){const t=(0,f.Z)();return(0,o.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.Wl)(e):void 0),[e,t])}(t),E=(0,i._F)(t,a),{collapsed:T,setCollapsed:C,toggleCollapsed:N}=(0,i.uR)({initialState:()=>!!m&&(!E&&t.collapsed)});return function(e){let{isActive:t,collapsed:n,setCollapsed:a}=e;const r=(0,i.D9)(t);(0,o.useEffect)((()=>{t&&!r&&n&&a(!1)}),[t,r,n,a])}({isActive:E,collapsed:T,setCollapsed:C}),o.createElement("li",{className:(0,c.Z)(i.kM.docs.docSidebarItemCategory,i.kM.docs.docSidebarItemCategoryLevel(r),"menu__list-item",{"menu__list-item--collapsed":T},h)},o.createElement("div",{className:"menu__list-item-collapsible"},o.createElement(b.Z,(0,u.Z)({className:(0,c.Z)("menu__link",{"menu__link--sublist":m&&!y,"menu__link--active":E,[g.menuLinkText]:!m,[g.hasHref]:!!k}),onClick:m?e=>{n?.(t),y?C(!1):(e.preventDefault(),N())}:()=>{n?.(t)},href:m?k??"#":k},l),d),y&&m&&o.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(),N()}})),o.createElement(i.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:T},o.createElement(v,{items:s,tabIndex:T?-1:0,onItemClick:n,activePath:a,level:r+1})))}function T(e){let{item:t,onItemClick:n,activePath:a,level:r,...l}=e;const{href:s,label:d,className:m}=t,p=(0,i._F)(t,a);return o.createElement("li",{className:(0,c.Z)(i.kM.docs.docSidebarItemLink,i.kM.docs.docSidebarItemLinkLevel(r),"menu__list-item",m),key:d},o.createElement(b.Z,(0,u.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:o.createElement("span",null,d,o.createElement(y.Z,null))))}const C={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 N(e){let{onClick:t}=e;return o.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",C.collapseSidebarButton),onClick:t},o.createElement(m,{className:C.collapseSidebarButtonIcon}))}function S(e){let{path:t,sidebar:n,onCollapse:a,isHidden:r}=e;const l=function(){const{isActive:e}=(0,i.nT)(),[t,n]=(0,o.useState)(e);return(0,i.RF)((t=>{let{scrollY:o}=t;e&&n(0===o)}),[e]),e&&t}(),{navbar:{hideOnScroll:s},hideableSidebar:u}=(0,i.LU)();return o.createElement("div",{className:(0,c.Z)(C.sidebar,{[C.sidebarWithHideableNavbar]:s,[C.sidebarHidden]:r})},s&&o.createElement(d.Z,{tabIndex:-1,className:C.sidebarLogo}),o.createElement("nav",{className:(0,c.Z)("menu thin-scrollbar",C.menu,{[C.menuWithAnnouncementBar]:l})},o.createElement("ul",{className:(0,c.Z)(i.kM.docs.docSidebarMenu,"menu__list")},o.createElement(v,{items:n,activePath:t,level:1}))),u&&o.createElement(N,{onClick:a}))}const Z=e=>{let{toggleSidebar:t,sidebar:n,path:a}=e;return o.createElement("ul",{className:(0,c.Z)(i.kM.docs.docSidebarMenu,"menu__list")},o.createElement(v,{items:n,activePath:a,onItemClick:e=>{"category"===e.type&&e.href&&t(),"link"===e.type&&t()},level:1}))};function _(e){return o.createElement(i.Cv,{component:Z,props:e})}const B=o.memo(S),O=o.memo(_);function I(e){const t=(0,s.Z)(),n="desktop"===t||"ssr"===t,a="mobile"===t;return o.createElement(o.Fragment,null,n&&o.createElement(B,e),a&&o.createElement(O,e))}var w=n(2859);const P={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:P};function x(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)},F=function(e,t){var n=e.plain,o=Object.create(null),a=e.styles.reduce((function(e,n){var o=n.languages,a=n.style;return o&&!o.includes(t)||n.types.forEach((function(t){var n=A({},e[t],a);e[t]=n})),e}),o);return a.root=n,a.plain=A({},n,{backgroundColor:null}),a};function R(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&-1===t.indexOf(o)&&(n[o]=e[o]);return n}const H=function(e){function t(){for(var t=this,n=[],o=arguments.length;o--;)n[o]=arguments[o];e.apply(this,n),x(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?F(e.theme,e.language):void 0;return t.themeDict=n})),x(this,"getLineProps",(function(e){var n=e.key,o=e.className,a=e.style,r=A({},R(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!==a&&(r.style=void 0!==r.style?A({},r.style,a):a),void 0!==n&&(r.key=n),o&&(r.className+=" "+o),r})),x(this,"getStyleForToken",(function(e){var n=e.types,o=e.empty,a=n.length,r=t.getThemeDict(t.props);if(void 0!==r){if(1===a&&"plain"===n[0])return o?{display:"inline-block"}:void 0;if(1===a&&!o)return r[n[0]];var l=o?{display:"inline-block"}:{},c=n.map((function(e){return r[e]}));return Object.assign.apply(Object,[l].concat(c))}})),x(this,"getTokenProps",(function(e){var n=e.key,o=e.className,a=e.style,r=e.token,l=A({},R(e,["key","className","style","token"]),{className:"token "+r.types.join(" "),children:r.content,style:t.getStyleForToken(r),key:void 0});return void 0!==a&&(l.style=void 0!==l.style?A({},l.style,a):a),void 0!==n&&(l.key=n),o&&(l.className+=" "+o),l})),x(this,"tokenize",(function(e,t,n,o){var a={code:t,grammar:n,language:o,tokens:[]};e.hooks.run("before-tokenize",a);var r=a.tokens=e.tokenize(a.code,a.grammar,a.language);return e.hooks.run("after-tokenize",a),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,o=e.code,a=e.children,r=this.getThemeDict(this.props),l=t.languages[n];return a({tokens:function(e){for(var t=[[]],n=[e],o=[0],a=[e.length],r=0,l=0,c=[],i=[c];l>-1;){for(;(r=o[l]++)0?d:["plain"],s=u):(d=j(d,u.type),u.alias&&(d=j(d,u.alias)),s=u.content),"string"==typeof s){var m=s.split(M),p=m.length;c.push({types:d,content:m[0]});for(var b=1;b{const{prism:e}=(0,i.LU)(),{isDarkTheme:t}=(0,z.Z)(),n=e.theme||W,o=e.darkTheme||n;return t?o:n},V={codeBlockContainer:"codeBlockContainer_J+bg",codeBlockContent:"codeBlockContent_csEI",codeBlockTitle:"codeBlockTitle_oQzk",codeBlock:"codeBlock_rtdJ",copyButton:"copyButton_M3SB",codeBlockLines:"codeBlockLines_1zSZ"};function q(e){let{children:t,className:n,metastring:a,title:r}=e;const{prism:l}=(0,i.LU)(),[s,d]=(0,o.useState)(!1),[m,b]=(0,o.useState)(!1);(0,o.useEffect)((()=>{b(!0)}),[]);const h=(0,i.bc)(a)||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,a,f),E=()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;const o=document.createElement("textarea"),a=document.activeElement;o.value=e,o.setAttribute("readonly",""),o.style.contain="strict",o.style.position="absolute",o.style.left="-9999px",o.style.fontSize="12pt";const r=document.getSelection();let l=!1;r.rangeCount>0&&(l=r.getRangeAt(0)),n.append(o),o.select(),o.selectionStart=0,o.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}o.remove(),l&&(r.removeAllRanges(),r.addRange(l)),a&&a.focus()}(k),d(!0),setTimeout((()=>d(!1)),2e3)};return o.createElement(H,(0,u.Z)({},L,{key:String(m),theme:y,code:k,language:f}),(e=>{let{className:t,style:a,tokens:r,getLineProps:l,getTokenProps:i}=e;return o.createElement("div",{className:(0,c.Z)(V.codeBlockContainer,n)},h&&o.createElement("div",{style:a,className:V.codeBlockTitle},h),o.createElement("div",{className:(0,c.Z)(V.codeBlockContent,f)},o.createElement("pre",{tabIndex:0,className:(0,c.Z)(t,V.codeBlock,"thin-scrollbar"),style:a},o.createElement("code",{className:V.codeBlockLines},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"),o.createElement("span",(0,u.Z)({key:t},n),e.map(((e,t)=>o.createElement("span",(0,u.Z)({key:t},i({token:e,key:t}))))),o.createElement("br",null))})))),o.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)(V.copyButton,"clean-btn"),onClick:E},s?o.createElement(p.Z,{id:"theme.CodeBlock.copied",description:"The copied button label on code blocks"},"Copied"):o.createElement(p.Z,{id:"theme.CodeBlock.copy",description:"The copy button label on code blocks"},"Copy"))))}))}var Y=n(9649);const J={details:"details_h+cY"},K="alert alert--info";function Q(e){let{...t}=e;return o.createElement(i.PO,(0,u.Z)({},t,{className:(0,c.Z)(K,J.details,t.className)}))}const X={head:e=>{const t=o.Children.map(e.children,(e=>function(e){if(e?.props?.mdxType&&e?.props?.originalType){const{mdxType:t,originalType:n,...a}=e.props;return o.createElement(e.props.originalType,a)}return e}(e)));return o.createElement(w.Z,e,t)},code:e=>{const{children:t}=e;return(0,o.isValidElement)(t)?t:t.includes("\n")?o.createElement(q,e):o.createElement("code",e)},a:e=>o.createElement(b.Z,e),pre:e=>{const{children:t}=e;return(0,o.isValidElement)(t)&&(0,o.isValidElement)(t?.props?.children)?t.props.children:o.createElement(q,(0,o.isValidElement)(t)?t?.props:{...e})},details:e=>{const t=o.Children.toArray(e.children),n=t.find((e=>"summary"===e?.props?.mdxType)),a=o.createElement(o.Fragment,null,t.filter((e=>e!==n)));return o.createElement(Q,(0,u.Z)({},e,{summary:n}),a)},h1:(0,Y.Z)("h1"),h2:(0,Y.Z)("h2"),h3:(0,Y.Z)("h3"),h4:(0,Y.Z)("h4"),h5:(0,Y.Z)("h5"),h6:(0,Y.Z)("h6")};var G=n(4608);const $={backToTopButton:"backToTopButton_i9tI",backToTopButtonShow:"backToTopButtonShow_wCmF"},ee=300,te=!1;function ne(){const e=(0,o.useRef)(null);return{smoothScrollTop:function(){e.current=te?(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 oe=function(){const[e,t]=(0,o.useState)(!1),n=(0,o.useRef)(!1),{smoothScrollTop:a,cancelScrollToTop:r}=ne();return(0,i.RF)(((e,o)=>{let{scrollY:a}=e;const l=o?.scrollY;if(!l)return;if(n.current)return void(n.current=!1);const c=a{e.location.hash&&(n.current=!0,t(!1))})),o.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,$.backToTopButton,{[$.backToTopButtonShow]:e}),type:"button",onClick:()=>a()})};var ae=n(6550);const re={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 le(e){let{currentDocRoute:t,versionMetadata:n,children:r,sidebarName:s}=e;const d=(0,i.Vq)(),{pluginId:u,version:b}=n,[h,y]=(0,o.useState)(!1),[g,f]=(0,o.useState)(!1),v=(0,o.useCallback)((()=>{g&&f(!1),y((e=>!e))}),[g]);return o.createElement(l.Z,{wrapperClassName:i.kM.wrapper.docsPages,pageClassName:i.kM.page.docsDocPage,searchMetadata:{version:b,tag:(0,i.os)(u,b)}},o.createElement("div",{className:re.docPage},o.createElement(oe,null),d&&o.createElement("aside",{className:(0,c.Z)(re.docSidebarContainer,{[re.docSidebarContainerHidden]:h}),onTransitionEnd:e=>{e.currentTarget.classList.contains(re.docSidebarContainer)&&h&&f(!0)}},o.createElement(I,{key:s,sidebar:d,path:t.path,onCollapse:v,isHidden:g}),g&&o.createElement("div",{className:re.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},o.createElement(m,{className:re.expandSidebarButtonIcon}))),o.createElement("main",{className:(0,c.Z)(re.docMainContainer,{[re.docMainContainerEnhanced]:h||!d})},o.createElement("div",{className:(0,c.Z)("container padding-top--md padding-bottom--lg",re.docItemWrapper,{[re.docItemWrapperEnhanced]:h})},o.createElement(a.Zo,{components:X},r)))))}const ce=function(e){const{route:{routes:t},versionMetadata:n,location:a}=e,l=t.find((e=>(0,ae.LX)(a.pathname,e)));if(!l)return o.createElement(G.default,null);const c=l.sidebar,s=c?n.docsSidebars[c]:null;return o.createElement(o.Fragment,null,o.createElement(w.Z,null,o.createElement("html",{className:n.className})),o.createElement(i.qu,{version:n},o.createElement(i.bT,{sidebar:s},o.createElement(le,{currentDocRoute:l,versionMetadata:n,sidebarName:c},(0,r.Z)(t,{versionMetadata:n})))))}},9649:(e,t,n)=>{n.d(t,{N:()=>d,Z:()=>u});var o=n(7462),a=n(7294),r=n(6010),l=n(5999),c=n(3810);const i="anchorWithStickyNavbar_y2LR",s="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return a.createElement("header",null,a.createElement("h1",(0,o.Z)({},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.LU)();return n?a.createElement(t,(0,o.Z)({},d,{className:(0,r.Z)("anchor",{[s]:u,[i]:!u}),id:n}),d.children,a.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")):a.createElement(t,d)});var t}},4608:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(7294),a=n(4161),r=n(5999);const l=function(){return o.createElement(a.Z,{title:(0,r.I)({id:"theme.NotFound.title",message:"Page Not Found"})},o.createElement("main",{className:"container margin-vert--xl"},o.createElement("div",{className:"row"},o.createElement("div",{className:"col col--6 col--offset-3"},o.createElement("h1",{className:"hero__title"},o.createElement(r.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),o.createElement("p",null,o.createElement(r.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),o.createElement("p",null,o.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/1c178b4f.19cc4fdd.js b/docs/assets/js/1c178b4f.19cc4fdd.js deleted file mode 100644 index e4a1f204a6..0000000000 --- a/docs/assets/js/1c178b4f.19cc4fdd.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>m,default:()=>v,frontMatter:()=>d,metadata:()=>h,toc:()=>f});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const p={toc:[{value:"Button Popup",id:"button-popup",children:[],level:2},{value:"Image Popup",id:"image-popup",children:[],level:2}]};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"button-popup"},"Button Popup"),(0,r.kt)(i.ZP,{id:"components-popup--button-popup",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"image-popup"},"Image Popup"),(0,r.kt)(i.ZP,{id:"components-popup--image-popup",height:"400",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;c="MenuJSDoc";var c;const d={title:"Popup",description:"",hide_table_of_contents:!0},m=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"}},f=[],b={toc:f};function v(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>v});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_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 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}=i(),[y,g]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,p.o5)();if(null!=l){const e=b[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,{"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 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};function v(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/1c178b4f.6abca704.js b/docs/assets/js/1c178b4f.6abca704.js new file mode 100644 index 0000000000..3c8c438d42 --- /dev/null +++ b/docs/assets/js/1c178b4f.6abca704.js @@ -0,0 +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 diff --git a/docs/assets/js/1f485700.1237957a.js b/docs/assets/js/1f485700.1237957a.js new file mode 100644 index 0000000000..12959d145e --- /dev/null +++ b/docs/assets/js/1f485700.1237957a.js @@ -0,0 +1 @@ +"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.e8801c5b.js b/docs/assets/js/1f485700.e8801c5b.js deleted file mode 100644 index a7020362be..0000000000 --- a/docs/assets/js/1f485700.e8801c5b.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:()=>d,default:()=>y,frontMatter:()=>m,metadata:()=>f,toc:()=>v});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const l={toc:[]};function s(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"No specific UX guidelines"))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Featured Item",id:"featured-item",children:[],level:2},{value:"Item Group",id:"item-group",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"featured-item"},"Featured Item"),(0,o.kt)(i.ZP,{id:"components-item--default-item",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"item-group"},"Item Group"),(0,o.kt)(i.ZP,{id:"components-item--default-group",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="AccordionJSDoc";var p;const m={title:"Item",description:"",hide_table_of_contents:!0},d=void 0,f={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"}},v=[],b={toc:v};function y(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(s,{mdxType:"Usage"}),showcase:(0,o.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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 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_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,{"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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/224603d4.4797a2bf.js b/docs/assets/js/224603d4.4797a2bf.js deleted file mode 100644 index d66598af00..0000000000 --- a/docs/assets/js/224603d4.4797a2bf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9744],{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 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,f=p["".concat(s,".").concat(m)]||p[m]||d[m]||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]=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:()=>d,default:()=>b,frontMatter:()=>p,metadata:()=>m,toc:()=>f});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const l={toc:[]};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"The timeline displays a list of events in chronological order."))}i.isMDXComponent=!0;var s=n(7521);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}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(s.ZP,{id:"components-timeline--default",height:"150",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"default-reversed"},"Default reversed"),(0,o.kt)(s.ZP,{id:"components-timeline--default-reversed",height:"150",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"multiple"},"Multiple"),(0,o.kt)(s.ZP,{id:"components-timeline--multiple",height:"450",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"multiple-reversed"},"Multiple reversed"),(0,o.kt)(s.ZP,{id:"components-timeline--multiple-reversed",height:"450",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Timeline",description:"",hide_table_of_contents:!0},d=void 0,m={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:"Utilities",permalink:"/volto-eea-design-system/docs/category/utilities"}},f=[],v={toc:f};function b(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"})))}s.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});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_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}})),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}=s(),[y,g]=(0,o.useState)(v),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,{"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 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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/224603d4.bcc78ee9.js b/docs/assets/js/224603d4.bcc78ee9.js new file mode 100644 index 0000000000..06a5da5e3c --- /dev/null +++ b/docs/assets/js/224603d4.bcc78ee9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9744],{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 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,f=p["".concat(s,".").concat(m)]||p[m]||d[m]||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]=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:()=>f,default:()=>g,frontMatter:()=>m,metadata:()=>v,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},f=void 0,v={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:"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,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}})),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}=s(),[y,g]=(0,o.useState)(v),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 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/23d147e2.522622c2.js b/docs/assets/js/23d147e2.522622c2.js deleted file mode 100644 index e8fe37e202..0000000000 --- a/docs/assets/js/23d147e2.522622c2.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:()=>m,default:()=>y,frontMatter:()=>d,metadata:()=>f,toc:()=>v});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[]};function l(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"No specific UX guidelines."))}l.isMDXComponent=!0;var i=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Group",id:"group",children:[],level:2}]};function u(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(i.ZP,{id:"components-statistic--default",height:"200",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"group"},"Group"),(0,o.kt)(i.ZP,{id:"components-statistic--group",height:"200",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="MenuJSDoc";var p;const d={title:"Statistic",description:"",hide_table_of_contents:!0},m=void 0,f={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=[],b={toc:v};function y(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(l,{mdxType:"Usage"}),showcase:(0,o.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"})))}i.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 c=n(3810),u=n(6010);const p="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 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:y}=i(),[h,g]=(0,o.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=b[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,{"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 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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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/23d147e2.dd09dcfc.js b/docs/assets/js/23d147e2.dd09dcfc.js new file mode 100644 index 0000000000..25b3080759 --- /dev/null +++ b/docs/assets/js/23d147e2.dd09dcfc.js @@ -0,0 +1 @@ +"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.26d42cbd.js b/docs/assets/js/24202412.26d42cbd.js deleted file mode 100644 index 24c22722dc..0000000000 --- a/docs/assets/js/24202412.26d42cbd.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:()=>p,default:()=>b,frontMatter:()=>d,metadata:()=>m,toc:()=>h});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}]};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={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}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default-button"},"Default Button"),(0,a.kt)(i.ZP,{id:"components-forms-button--default&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"primary-button"},"Primary Button"),(0,a.kt)(i.ZP,{id:"components-forms-button--primary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"secondary-button"},"Secondary Button"),(0,a.kt)(i.ZP,{id:"components-forms-button--secondary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"inverted-buttons"},"Inverted Buttons"),(0,a.kt)(i.ZP,{id:"components-forms-button--inverted&args=",height:"400",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"labeled-button"},"Labeled Button"),(0,a.kt)(i.ZP,{id:"components-forms-button--labeled&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"text"},"Text"),(0,a.kt)(i.ZP,{id:"components-forms-button--text&args=",height:"150",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const d={title:"Buttons",description:"",hide_table_of_contents:!0},p=void 0,m={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"}},h=[],v={toc:h};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)(c,{mdxType:"ButtonShowcase"}),mdxType:"Tabs"}))}b.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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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:()=>f});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_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,{"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};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/24202412.67d0c84c.js b/docs/assets/js/24202412.67d0c84c.js new file mode 100644 index 0000000000..8820307505 --- /dev/null +++ b/docs/assets/js/24202412.67d0c84c.js @@ -0,0 +1 @@ +"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/2d344845.1383b54d.js b/docs/assets/js/2d344845.1383b54d.js new file mode 100644 index 0000000000..7c9a2935b2 --- /dev/null +++ b/docs/assets/js/2d344845.1383b54d.js @@ -0,0 +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 diff --git a/docs/assets/js/2d344845.64296343.js b/docs/assets/js/2d344845.64296343.js deleted file mode 100644 index eb89d24533..0000000000 --- a/docs/assets/js/2d344845.64296343.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>u,default:()=>g,frontMatter:()=>i,metadata:()=>c,toc:()=>p});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Usage",id:"usage",children:[],level:3}]};function l(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"))))}l.isMDXComponent=!0;const i={title:"Suggestions",description:"",hide_table_of_contents:!0},u=void 0,c={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"}},p=[],d=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.kt)("div",e)});var m;const h={toc:p};function g(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(l,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});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_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,{"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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}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 new file mode 100644 index 0000000000..9113432ae4 --- /dev/null +++ b/docs/assets/js/2d39cd59.c3e1229f.js @@ -0,0 +1 @@ +"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/2d39cd59.d70af26f.js b/docs/assets/js/2d39cd59.d70af26f.js deleted file mode 100644 index 944447b871..0000000000 --- a/docs/assets/js/2d39cd59.d70af26f.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:()=>p,default:()=>v,frontMatter:()=>d,metadata:()=>m,toc:()=>h});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}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}l.isMDXComponent=!0;var s=n(7521);const u={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}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"standard"},"Standard"),(0,a.kt)(s.ZP,{id:"components-forms-input--standard-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"disabled"},"Disabled"),(0,a.kt)(s.ZP,{id:"components-forms-input--disabled-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"loading"},"Loading"),(0,a.kt)(s.ZP,{id:"components-forms-input--loading-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"error"},"Error"),(0,a.kt)(s.ZP,{id:"components-forms-input--error-input",height:"120",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const d={title:"Text Input",description:"",hide_table_of_contents:!0},p=void 0,m={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"}},h=[],f={toc:h};function v(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(o.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"})))}s.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});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_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:v,setTabGroupChoices:b}=s(),[y,g]=(0,a.useState)(f),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=i){const e=v[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&&b(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,{"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 v={toc:[],getValues:f};function b(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},v,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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/30e35848.07372634.js b/docs/assets/js/30e35848.07372634.js new file mode 100644 index 0000000000..d8a9d0edf7 --- /dev/null +++ b/docs/assets/js/30e35848.07372634.js @@ -0,0 +1 @@ +"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.c77757c6.js b/docs/assets/js/30e35848.c77757c6.js deleted file mode 100644 index 965d9d30c1..0000000000 --- a/docs/assets/js/30e35848.c77757c6.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:()=>p,default:()=>f,frontMatter:()=>d,metadata:()=>m,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}]};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);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}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"download"},"Download"),(0,a.kt)(i.ZP,{id:"components-labeled-icons-download--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"language"},"Language"),(0,a.kt)(i.ZP,{id:"components-labeled-icons-language--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"new-tab"},"New tab"),(0,a.kt)(i.ZP,{id:"components-labeled-icons-new-tab--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"group"},"Group"),(0,a.kt)(i.ZP,{id:"components-labeled-icons-group--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const d={title:"Labeled icons",description:"",hide_table_of_contents:!0},p=void 0,m={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"}},b=[],v={toc:b};function f(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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:()=>h});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_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,{"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};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/3508f21e.121b53ce.js b/docs/assets/js/3508f21e.121b53ce.js deleted file mode 100644 index 50dc61b6a2..0000000000 --- a/docs/assets/js/3508f21e.121b53ce.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 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)},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,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=o,b=d["".concat(i,".").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 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 u=2;u{n.r(t),n.d(t,{contentTitle:()=>m,default:()=>k,frontMatter:()=>p,metadata:()=>b,toc:()=>f});var r=n(7462),o=(n(7294),n(3905)),a=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}]};function s(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(0,r.Z)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"layout-grid"},"Layout Grid"),(0,o.kt)("p",null,"The responsive layout grid is made up of three elements: columns, gutters, and margins."),(0,o.kt)("h3",{id:"columns"},"Columns"),(0,o.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,o.kt)("p",null,(0,o.kt)("img",{src:n(4165).Z})),(0,o.kt)("br",null),(0,o.kt)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 4 columns."),(0,o.kt)("p",null,(0,o.kt)("img",{src:n(3835).Z})),(0,o.kt)("br",null),(0,o.kt)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 8 columns."),(0,o.kt)("p",null,(0,o.kt)("img",{src:n(121).Z})," "),(0,o.kt)("br",null),"On desktop, at a breakpoint of 1025px, this layout grid uses 12 columns.",(0,o.kt)("p",null,(0,o.kt)("img",{src:n(72).Z})),(0,o.kt)("h3",{id:"gutters"},"Gutters"),(0,o.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,o.kt)("br",null),(0,o.kt)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 20px gutters.",(0,o.kt)("br",{parentName:"p"}),"\n",(0,o.kt)("img",{src:n(3835).Z})," "),(0,o.kt)("br",null),(0,o.kt)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 20px gutters.",(0,o.kt)("br",{parentName:"p"}),"\n",(0,o.kt)("img",{src:n(121).Z})," "),(0,o.kt)("br",null),(0,o.kt)("p",null,"On desktop, at a breakpoint of 1025px, this layout grid uses 20px gutters.",(0,o.kt)("br",{parentName:"p"}),"\n",(0,o.kt)("img",{src:n(72).Z})," "),(0,o.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,o.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,o.kt)("h3",{id:"breakpoints"},"Breakpoints"),(0,o.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,o.kt)("table",{style:{textAlign:"center"}},(0,o.kt)("thead",{style:{width:"700px"}},(0,o.kt)("th",null),(0,o.kt)("th",null,"Breakpoints"),(0,o.kt)("th",null,"Columns"),(0,o.kt)("th",null,"Gutters"),(0,o.kt)("th",null,"Margins")),(0,o.kt)("tbody",null,(0,o.kt)("tr",null,(0,o.kt)("td",{style:{fontWeight:"bold"}},"Mobile"),(0,o.kt)("td",null,"320-480px"),(0,o.kt)("td",null,"4"),(0,o.kt)("td",null,"20px or 1.25rem"),(0,o.kt)("td",null,"30px or 1.875rem")),(0,o.kt)("tr",null,(0,o.kt)("td",{style:{fontWeight:"bold"}},"Tablet"),(0,o.kt)("td",null,"481-835px"),(0,o.kt)("td",null,"8 "),(0,o.kt)("td",null,"20px or 1.25rem"),(0,o.kt)("td",null,"40px or 2.5rem")),(0,o.kt)("tr",null,(0,o.kt)("td",{style:{fontWeight:"bold"}},"Desktop"),(0,o.kt)("td",null,"1025px and above"),(0,o.kt)("td",null,"12"),(0,o.kt)("td",null,"20px or 1.25rem"),(0,o.kt)("td",null,"140px or 8.75rem")))))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Columns 12",id:"columns-12",children:[],level:2},{value:"Columns 12 With Col",id:"columns-12-with-col",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"columns-12"},"Columns 12"),(0,o.kt)(i.ZP,{id:"layout-grid-component-grid--basic-12",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"columns-12-with-col"},"Columns 12 With Col"),(0,o.kt)(i.ZP,{id:"layout-grid-component-grid--grid-examples",height:"700",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="AccordionJSDoc";var d;const p={title:"Grid",description:"",hide_table_of_contents:!0},m=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};function k(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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:()=>k});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 d="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,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,o.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 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:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",d,{"tabs__item--active":g===t}),key:t,ref:e=>y.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(p.filter((e=>e.props.value===g))[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!==g})))))}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 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};function k(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(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)))}k.isMDXComponent=!0},72:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/desktop-mid-grid-cf22e84cd5e2e398b4b0c3572af2f69c.png"},4165:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/grid1-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/3508f21e.dd648827.js b/docs/assets/js/3508f21e.dd648827.js new file mode 100644 index 0000000000..805077db06 --- /dev/null +++ b/docs/assets/js/3508f21e.dd648827.js @@ -0,0 +1 @@ +"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(4165).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"},4165:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/grid1-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.0cbb6387.js b/docs/assets/js/398224d0.0cbb6387.js new file mode 100644 index 0000000000..e90bbbb9fd --- /dev/null +++ b/docs/assets/js/398224d0.0cbb6387.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2873],{3905:(l,t,o)=>{o.d(t,{Zo:()=>b,kt:()=>i});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)}},m=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),m=a,i=d["".concat(k,".").concat(m)]||d[m]||u[m]||r;return o?e.createElement(i,s(s({ref:t},b),{},{components:o})):e.createElement(i,s({ref:t},b))}));function i(l,t){var o=arguments,a=t&&t.mdxType;if("string"==typeof l||a){var r=o.length,s=new Array(r);s[0]=m;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:()=>C,frontMatter:()=>g,metadata:()=>v,toc:()=>N});var e=o(7462),a=(o(7294),o(3905));const r={toc:[{value:"Tools for creating color palettes",id:"tools-for-creating-color-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 colors have to be used - sometimes a simple color scheme works best. Accessible text and background color 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"},"#85FFF1",(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"},"#00F5D8",(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"},"#00CCB4",(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"},"#00A390",(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"},"#0D98FB",(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:"black"},className:"small-color-box"},"#0083E0",(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"},"#8EA6C2",(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-color-palettes"},"Tools for creating color palettes"),(0,a.kt)("p",null,"You can use the following tools for creating color wheels and additional shades for every main color 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"},"Colors for maps")),(0,a.kt)("p",null,"For optional creation of additional color 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 colors highlight or complement the primary colors. These are to be used sparingly to make the UI elements stand out. These colors 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 color is white but the secondary colors 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:"#8EA6C2"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#8EA6C2"))))),(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 colors",id:"link-colors",children:[],level:3}]},u="wrapper";function m(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-colors"},"Link colors"),(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"))))))}m.isMDXComponent=!0;const i={toc:[{value:"State colors",id:"state-colors",children:[],level:3}]},y="wrapper";function f(l){let{components:t,...o}=l;return(0,a.kt)(y,(0,e.Z)({},i,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"state-colors"},"State colors"),(0,a.kt)("p",null,"These are the colors 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:"Colors",description:"",order:2},x=void 0,v={unversionedId:"webdev/Guidelines/colours",id:"webdev/Guidelines/colours",title:"Colors",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:"Colors",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 Colors",id:"brand-colors",children:[],level:2},{value:"Supplementary color",id:"supplementary-color",children:[],level:2},{value:"Core colors",id:"core-colors",children:[],level:2},{value:"Discrete colors",id:"discrete-colors",children:[],level:2},{value:"Thematic Platforms",id:"thematic-platforms",children:[{value:"Biodiversity",id:"biodiversity",children:[{value:"Brand Colors",id:"brand-colors-1",children:[],level:4},{value:"Core colors",id:"core-colors-1",children:[],level:4}],level:3},{value:"Forest Information System",id:"forest-information-system",children:[{value:"Brand Colors",id:"brand-colors-2",children:[],level:4},{value:"Core colors",id:"core-colors-2",children:[],level:4}],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[{value:"Brand Colors",id:"brand-colors-3",children:[],level:4},{value:"Core colors",id:"core-colors-3",children:[],level:4}],level:3},{value:"Wise Marine",id:"wise-marine",children:[{value:"Brand Colors",id:"brand-colors-4",children:[],level:4},{value:"Core colors",id:"core-colors-4",children:[],level:4}],level:3}],level:2},{value:"EEA complete color palette",id:"eea-complete-color-palette",children:[],level:2}],h={toc:N},p="wrapper";function C(l){let{components:t,...r}=l;return(0,a.kt)(p,(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 color, clear communication is our focus. We use colors 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 color 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 color blind or who have low vision. However, you should never convey information using color 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-colors"},"Brand Colors"),(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 color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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:"#0D98FB"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0D98FB"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-color"},"Supplementary color"),(0,a.kt)(b,{mdxType:"SupplementaryColors"}),(0,a.kt)("h2",{id:"core-colors"},"Core colors"),(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 color")),(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 color")),(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)(m,{mdxType:"LinkColors"}),(0,a.kt)("h2",{id:"discrete-colors"},"Discrete colors"),(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"},"colors, state colors, link colors 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-colors-1"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#00A390"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#00A390 "))))),(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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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-colors-1"},"Core colors"),(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 color")),(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 color")),(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:"#00A390"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#00A390",(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-colors-2"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#3D5265"},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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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-colors-2"},"Core colors"),(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 color")),(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 color")),(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-colors-3"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0 "))))),(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:"#0A99FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0A99FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-colors-3"},"Core colors"),(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 color")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background color")),(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0",(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-colors-4"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0 "))))),(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:"#0A99FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0A99FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-colors-4"},"Core colors"),(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 color")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background color")),(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0",(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-color-palette"},"EEA complete color palette"),(0,a.kt)(c,{mdxType:"EEAColorPalette"}))}C.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/398224d0.76c06253.js b/docs/assets/js/398224d0.76c06253.js deleted file mode 100644 index 0059e59484..0000000000 --- a/docs/assets/js/398224d0.76c06253.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2873],{3905:(l,t,o)=>{o.d(t,{Zo:()=>b,kt:()=>i});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)}},m=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),m=a,i=d["".concat(k,".").concat(m)]||d[m]||u[m]||r;return o?e.createElement(i,s(s({ref:t},b),{},{components:o})):e.createElement(i,s({ref:t},b))}));function i(l,t){var o=arguments,a=t&&t.mdxType;if("string"==typeof l||a){var r=o.length,s=new Array(r);s[0]=m;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:()=>i,default:()=>x,frontMatter:()=>m,metadata:()=>y,toc:()=>f});var e=o(7462),a=(o(7294),o(3905));const r={toc:[{value:"Tools for creating color palettes",id:"tools-for-creating-color-palettes",children:[],level:2}]};function s(l){let{components:t,...o}=l;return(0,a.kt)("wrapper",(0,e.Z)({},r,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Not all colors have to be used - sometimes a simple color scheme works best. Accessible text and background color 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"},"#85FFF1",(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"},"#00F5D8",(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"},"#00CCB4",(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"},"#00A390",(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"},"#0D98FB",(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:"black"},className:"small-color-box"},"#0083E0",(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"},"#8EA6C2",(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-color-palettes"},"Tools for creating color palettes"),(0,a.kt)("p",null,"You can use the following tools for creating color wheels and additional shades for every main color 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"},"Colors for maps")),(0,a.kt)("p",null,"For optional creation of additional color 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/")))}s.isMDXComponent=!0;const c={toc:[]};function k(l){let{components:t,...o}=l;return(0,a.kt)("wrapper",(0,e.Z)({},c,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"These colors highlight or complement the primary colors. These are to be used sparingly to make the UI elements stand out. These colors 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 color is white but the secondary colors 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:"#8EA6C2"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#8EA6C2"))))),(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")))))))}k.isMDXComponent=!0;const n={toc:[{value:"Link colors",id:"link-colors",children:[],level:3}]};function b(l){let{components:t,...o}=l;return(0,a.kt)("wrapper",(0,e.Z)({},n,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"link-colors"},"Link colors"),(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"))))))}b.isMDXComponent=!0;const d={toc:[{value:"State colors",id:"state-colors",children:[],level:3}]};function u(l){let{components:t,...o}=l;return(0,a.kt)("wrapper",(0,e.Z)({},d,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"state-colors"},"State colors"),(0,a.kt)("p",null,"These are the colors 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"))))))}u.isMDXComponent=!0;const m={title:"Colors",description:"",order:2},i=void 0,y={unversionedId:"webdev/Guidelines/colours",id:"webdev/Guidelines/colours",title:"Colors",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:"Colors",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"}},f=[{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 Colors",id:"brand-colors",children:[],level:2},{value:"Supplementary color",id:"supplementary-color",children:[],level:2},{value:"Core colors",id:"core-colors",children:[],level:2},{value:"Discrete colors",id:"discrete-colors",children:[],level:2},{value:"Thematic Platforms",id:"thematic-platforms",children:[{value:"Biodiversity",id:"biodiversity",children:[{value:"Brand Colors",id:"brand-colors-1",children:[],level:4},{value:"Core colors",id:"core-colors-1",children:[],level:4}],level:3},{value:"Forest Information System",id:"forest-information-system",children:[{value:"Brand Colors",id:"brand-colors-2",children:[],level:4},{value:"Core colors",id:"core-colors-2",children:[],level:4}],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[{value:"Brand Colors",id:"brand-colors-3",children:[],level:4},{value:"Core colors",id:"core-colors-3",children:[],level:4}],level:3},{value:"Wise Marine",id:"wise-marine",children:[{value:"Brand Colors",id:"brand-colors-4",children:[],level:4},{value:"Core colors",id:"core-colors-4",children:[],level:4}],level:3}],level:2},{value:"EEA complete color palette",id:"eea-complete-color-palette",children:[],level:2}],g={toc:f};function x(l){let{components:t,...r}=l;return(0,a.kt)("wrapper",(0,e.Z)({},g,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 color, clear communication is our focus. We use colors 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 color 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 color blind or who have low vision. However, you should never convey information using color 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-colors"},"Brand Colors"),(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 color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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:"#0D98FB"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0D98FB"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-color"},"Supplementary color"),(0,a.kt)(k,{mdxType:"SupplementaryColors"}),(0,a.kt)("h2",{id:"core-colors"},"Core colors"),(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 color")),(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 color")),(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)(b,{mdxType:"LinkColors"}),(0,a.kt)("h2",{id:"discrete-colors"},"Discrete colors"),(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)(u,{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"},"colors, state colors, link colors 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-colors-1"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#00A390"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#00A390 "))))),(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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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-colors-1"},"Core colors"),(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 color")),(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 color")),(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:"#00A390"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#00A390",(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-colors-2"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#3D5265"},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:"#85FFF1"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"small-color-box-70"},"#85FFF1"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00F5D8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"small-color-box-70"},"#00F5D8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00CCB4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00CCB4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#00A390"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#00A390"))))),(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-colors-2"},"Core colors"),(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 color")),(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 color")),(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-colors-3"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0 "))))),(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:"#0A99FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0A99FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-colors-3"},"Core colors"),(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 color")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background color")),(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0",(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-colors-4"},"Brand Colors"),(0,a.kt)("p",null,"This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. Brand colors 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:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0 "))))),(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:"#0A99FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0A99FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#0083E0"))))," "),(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-colors-4"},"Core colors"),(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 color")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background color")),(0,a.kt)("td",{style:{backgroundColor:"#0083E0"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#0083E0",(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-color-palette"},"EEA complete color palette"),(0,a.kt)(s,{mdxType:"EEAColorPalette"}))}x.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.f7d9c346.js b/docs/assets/js/39f50359.593bba5c.js similarity index 69% rename from docs/assets/js/39f50359.f7d9c346.js rename to docs/assets/js/39f50359.593bba5c.js index 06247efd92..30755782d9 100644 --- a/docs/assets/js/39f50359.f7d9c346.js +++ b/docs/assets/js/39f50359.593bba5c.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:()=>l,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};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))))}l.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/3aee128f.465c5637.js b/docs/assets/js/3aee128f.465c5637.js new file mode 100644 index 0000000000..41312fc0b4 --- /dev/null +++ b/docs/assets/js/3aee128f.465c5637.js @@ -0,0 +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 diff --git a/docs/assets/js/3aee128f.e0a8a2a0.js b/docs/assets/js/3aee128f.e0a8a2a0.js deleted file mode 100644 index 07c592f18d..0000000000 --- a/docs/assets/js/3aee128f.e0a8a2a0.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>m,default:()=>f,frontMatter:()=>p,metadata:()=>h,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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-accordion--default&args=variant:styled;fluid:false;styled:false",height:"400",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;d="AccordionJSDoc";var d;const p={title:"Accordion",description:"",hide_table_of_contents:!0},m=void 0,h={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"}},v=[],b={toc:v};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>f});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_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 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,g]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.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&&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,{"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 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};function f(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},b,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)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/3fc91083.1fc5f8a1.js b/docs/assets/js/3fc91083.1fc5f8a1.js new file mode 100644 index 0000000000..42074e855d --- /dev/null +++ b/docs/assets/js/3fc91083.1fc5f8a1.js @@ -0,0 +1 @@ +"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.88b027ab.js b/docs/assets/js/3fc91083.88b027ab.js deleted file mode 100644 index b54cf4bf4e..0000000000 --- a/docs/assets/js/3fc91083.88b027ab.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:()=>u,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>p});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}]};function i(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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"))))}i.isMDXComponent=!0;const l={title:"Charts",description:"",hide_table_of_contents:!0},u=void 0,c={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"}},p=[],d=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var m;const v={toc:p};function h(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>b});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_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,{"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};function b(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/41d5c757.67b02c79.js b/docs/assets/js/41d5c757.67b02c79.js new file mode 100644 index 0000000000..16af313b6e --- /dev/null +++ b/docs/assets/js/41d5c757.67b02c79.js @@ -0,0 +1 @@ +"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.0-alpha)",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.0-alpha)",id:"eea-design-system-100-alpha",children:[{value:"Components ready to be used",id:"components-ready-to-be-used",children:[],level:4},{value:"Work-in-progress",id:"work-in-progress",children:[],level:4}],level:3},{value:"Unreleased - 2023-02-03T19:28:22.990Z",id:"unreleased---2023-02-03t192822990z",children:[{value:"\ud83d\ude80 New Features",id:"-new-features",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements",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-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",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-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",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-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",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-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",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-3",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-3",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",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-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",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-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",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-4",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",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-5",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",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-6",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-9",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",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-7",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-10",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",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-8",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",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-8",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-9",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",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-13",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",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-14",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-5",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",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-15",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-10",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-11",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-16",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-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-16",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-17",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-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-18",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-9",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-13",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-18",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-19",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-14",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-19",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-8",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-10",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-15",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-20",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-20",children:[],level:4}],level:3},{value:"0.7.6 - 2022-08-15",id:"076---2022-08-15",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-21",children:[],level:4}],level:3},{value:"0.7.5 - 2022-08-11",id:"075---2022-08-11",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-21",children:[],level:4}],level:3},{value:"0.7.3 - 2022-08-04",id:"073---2022-08-04",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-23",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-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-22",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-11",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-17",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-23",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-18",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-25",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-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-26",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",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-19",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-27",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-24",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-20",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-28",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-21",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-29",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-22",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-30",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-13",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-31",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-25",children:[],level:4}],level:3},{value:"0.5.1 - 2022-06-13",id:"051---2022-06-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-32",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-26",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-14",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-23",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-33",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-27",children:[],level:4}],level:3},{value:"0.4.5 - 2022-06-08",id:"045---2022-06-08",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-34",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-28",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-15",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-24",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-35",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-29",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-25",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-36",children:[],level:4}],level:3},{value:"0.4.2 - 2022-06-02",id:"042---2022-06-02",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-37",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-30",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-16",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-26",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-38",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-9",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-17",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-27",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-39",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-31",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-28",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-40",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-18",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-41",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-32",children:[],level:4}],level:3},{value:"0.2.4 - 2022-05-13",id:"024---2022-05-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-42",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-33",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-19",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-43",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-13",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-30",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-44",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-34",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-31",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-35",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-20",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-32",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-45",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-36",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-21",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-33",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-46",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-37",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-34",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-47",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-13",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-38",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-22",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-35",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-48",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-14",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-39",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-23",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-49",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-40",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-24",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-37",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-50",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-16",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-41",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-51",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-42",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-25",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-38",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-52",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:"0.1.2 - 2022-02-17",id:"012---2022-02-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-26",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-39",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-53",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-18",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-18",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-44",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-45",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-46",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-47",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-48",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-49",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-50",children:[],level:4}],level:3}],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-100-alpha"},"EEA Design System (1.0.0-alpha)"),(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 (except the Landscape card variation- image on left/right)"),(0,n.kt)("li",{parentName:"ul"},"Content Box ",(0,n.kt)("inlineCode",{parentName:"li"},"block styler")),(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 (description list still WIP)"),(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:"work-in-progress"},"Work-in-progress"),(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) is still WIP and should not be used"),(0,n.kt)("li",{parentName:"ul"},"When using the Table ",(0,n.kt)("inlineCode",{parentName:"li"},"block"),", please be aware of enabling the responsive design manually (it should be on by default in later releases)"),(0,n.kt)("li",{parentName:"ul"},"Description list (dt, dd) is still missing from slate editor"),(0,n.kt)("li",{parentName:"ul"},"Slate enhancements, e.g. the inclusion of various font weights and text alignment (left, centered, right)"),(0,n.kt)("li",{parentName:"ul"},"Better theming engine across several components, e.g., a consistent way to apply Primary, Secondary, and Tertiary colors to elements and automatic inversion of font text to white when necessary."),(0,n.kt)("li",{parentName:"ul"},"Spacing/padding system via the ",(0,n.kt)("inlineCode",{parentName:"li"},"block styler"),". We do have design-tokens; however, these are not exposed to the volto block styler. 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"},"Harmonize component naming across docusarurus, storybook, code, and Volto."),(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---2023-02-03t192822990z"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.14...HEAD"},"Unreleased")," - 2023-02-03T19:28:22.990Z"),(0,n.kt)("h4",{id:"-new-features"},"\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)("h4",{id:"-bug-fixes"},"\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"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(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"},"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"},"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)("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-1"},"\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"},"\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-2"},"\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-1"},"\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-1"},"\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-1"},"\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-3"},"\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-2"},"\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-2"},"\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-2"},"\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-4"},"\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"},"\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-3"},"\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-3"},"\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-3"},"\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-5"},"\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-1"},"\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-4"},"\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-4"},"\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-5"},"\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-6"},"\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-6"},"\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-4"},"\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-7"},"\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"},"\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-2"},"\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-7"},"\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-5"},"\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-5"},"\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-8"},"\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-8"},"\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-6"},"\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-6"},"\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-9"},"\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-3"},"\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-9"},"\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-7"},"\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-7"},"\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-10"},"\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-1"},"\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-4"},"\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-10"},"\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-8"},"\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-11"},"\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-11"},"\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-8"},"\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-9"},"\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-12"},"\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-2"},"\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-12"},"\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-13"},"\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-3"},"\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-13"},"\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-14"},"\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-4"},"\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-5"},"\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-14"},"\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-15"},"\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-10"},"\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-11"},"\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-15"},"\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-16"},"\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-12"},"\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-16"},"\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-6"},"\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-17"},"\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-17"},"\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-18"},"\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-9"},"\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-13"},"\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-18"},"\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-5"},"\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-7"},"\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-19"},"\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-14"},"\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-19"},"\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-8"},"\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-10"},"\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-15"},"\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-20"},"\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-20"},"\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-21"},"\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-22"},"\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-21"},"\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-23"},"\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-16"},"\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-22"},"\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-11"},"\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-17"},"\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-24"},"\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-23"},"\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-18"},"\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-25"},"\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-12"},"\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-26"},"\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-6"},"\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-19"},"\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-27"},"\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-7"},"\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-9"},"\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-24"},"\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-20"},"\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-28"},"\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-21"},"\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-29"},"\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-22"},"\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-30"},"\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-13"},"\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-31"},"\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-8"},"\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-25"},"\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-32"},"\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-26"},"\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-14"},"\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-23"},"\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-33"},"\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-27"},"\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-34"},"\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-28"},"\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-15"},"\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-24"},"\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-35"},"\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-10"},"\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-29"},"\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-25"},"\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-36"},"\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-37"},"\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-11"},"\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-30"},"\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-16"},"\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-26"},"\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-38"},"\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-9"},"\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-17"},"\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-27"},"\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-39"},"\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-12"},"\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-31"},"\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-28"},"\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-40"},"\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-18"},"\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-29"},"\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-41"},"\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-32"},"\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-42"},"\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-33"},"\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-19"},"\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-43"},"\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-13"},"\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-30"},"\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-44"},"\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-10"},"\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-34"},"\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-31"},"\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-35"},"\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-20"},"\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-32"},"\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-45"},"\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-11"},"\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-36"},"\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-21"},"\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-33"},"\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-46"},"\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-12"},"\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-37"},"\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-34"},"\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-47"},"\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-13"},"\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-14"},"\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-38"},"\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-22"},"\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-35"},"\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-48"},"\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-14"},"\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-15"},"\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-39"},"\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-23"},"\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-36"},"\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-49"},"\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-15"},"\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-40"},"\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-24"},"\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-37"},"\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-50"},"\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-16"},"\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-16"},"\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-41"},"\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-51"},"\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-17"},"\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-42"},"\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-25"},"\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-38"},"\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-52"},"\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-17"},"\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-43"},"\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-26"},"\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-39"},"\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-53"},"\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-18"},"\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-18"},"\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-44"},"\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-45"},"\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-46"},"\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-47"},"\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-48"},"\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-49"},"\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-50"},"\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.d5ca17fc.js b/docs/assets/js/41d5c757.d5ca17fc.js deleted file mode 100644 index faf192c119..0000000000 --- a/docs/assets/js/41d5c757.d5ca17fc.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:()=>c,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.0-alpha)",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.0-alpha)",id:"eea-design-system-100-alpha",children:[{value:"Components ready to be used",id:"components-ready-to-be-used",children:[],level:4},{value:"Work-in-progress",id:"work-in-progress",children:[],level:4}],level:3},{value:"Unreleased - 2023-02-01T18:37:28.618Z",id:"unreleased---2023-02-01t183728618z",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements",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-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",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-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",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",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",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-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",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-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",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-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",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-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",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-3",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",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-4",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-4",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",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-5",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-9",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",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-6",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-10",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",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-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",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-7",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-8",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",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-13",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",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-14",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-5",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",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-15",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-9",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-10",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-16",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-11",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-16",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-17",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-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-18",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-8",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-18",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-19",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-13",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-19",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-8",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-9",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-14",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-20",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-20",children:[],level:4}],level:3},{value:"0.7.6 - 2022-08-15",id:"076---2022-08-15",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-21",children:[],level:4}],level:3},{value:"0.7.5 - 2022-08-11",id:"075---2022-08-11",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-21",children:[],level:4}],level:3},{value:"0.7.3 - 2022-08-04",id:"073---2022-08-04",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-23",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-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-22",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-10",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-16",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-23",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-17",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-25",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-11",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-26",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",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-18",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-27",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-24",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-19",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-28",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-20",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-29",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-21",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-30",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-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-31",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-25",children:[],level:4}],level:3},{value:"0.5.1 - 2022-06-13",id:"051---2022-06-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-32",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-26",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-13",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-22",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-33",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-27",children:[],level:4}],level:3},{value:"0.4.5 - 2022-06-08",id:"045---2022-06-08",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-34",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-28",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-14",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-23",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-35",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-29",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-24",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-36",children:[],level:4}],level:3},{value:"0.4.2 - 2022-06-02",id:"042---2022-06-02",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-37",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-30",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-15",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-25",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-38",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-9",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-16",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-26",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-39",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-31",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-27",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-40",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-17",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-28",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-41",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-32",children:[],level:4}],level:3},{value:"0.2.4 - 2022-05-13",id:"024---2022-05-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-42",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-33",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-18",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-43",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-13",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-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-44",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-34",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-30",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-35",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-19",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-31",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-45",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-36",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-20",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-32",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-46",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-37",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-33",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-47",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-13",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-38",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-21",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-34",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-48",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-14",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-39",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-22",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-35",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-49",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-40",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-23",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-50",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-16",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-41",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-51",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-42",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-24",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-37",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-52",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:"0.1.2 - 2022-02-17",id:"012---2022-02-17",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-53",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-18",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-18",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-44",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-45",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-46",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-47",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-48",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-49",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-50",children:[],level:4}],level:3}],r={toc:d};function c(e){let{components:a,...t}=e;return(0,n.kt)("wrapper",(0,i.Z)({},r,t,{components:a,mdxType:"MDXLayout"}),(0,n.kt)("h3",{id:"eea-design-system-100-alpha"},"EEA Design System (1.0.0-alpha)"),(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 (except the Landscape card variation- image on left/right)"),(0,n.kt)("li",{parentName:"ul"},"Content Box ",(0,n.kt)("inlineCode",{parentName:"li"},"block styler")),(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 (description list still WIP)"),(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:"work-in-progress"},"Work-in-progress"),(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) is still WIP and should not be used"),(0,n.kt)("li",{parentName:"ul"},"When using the Table ",(0,n.kt)("inlineCode",{parentName:"li"},"block"),", please be aware of enabling the responsive design manually (it should be on by default in later releases)"),(0,n.kt)("li",{parentName:"ul"},"Description list (dt, dd) is still missing from slate editor"),(0,n.kt)("li",{parentName:"ul"},"Slate enhancements, e.g. the inclusion of various font weights and text alignment (left, centered, right)"),(0,n.kt)("li",{parentName:"ul"},"Better theming engine across several components, e.g., a consistent way to apply Primary, Secondary, and Tertiary colors to elements and automatic inversion of font text to white when necessary."),(0,n.kt)("li",{parentName:"ul"},"Spacing/padding system via the ",(0,n.kt)("inlineCode",{parentName:"li"},"block styler"),". We do have design-tokens; however, these are not exposed to the volto block styler. 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"},"Harmonize component naming across docusarurus, storybook, code, and Volto."),(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---2023-02-01t183728618z"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.14...HEAD"},"Unreleased")," - 2023-02-01T18:37:28.618Z"),(0,n.kt)("h4",{id:"-enhancements"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(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)("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-1"},"\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"},"\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-2"},"\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-1"},"\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"},"\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"},"\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-3"},"\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-2"},"\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-1"},"\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-1"},"\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-4"},"\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"},"\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-3"},"\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-2"},"\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-2"},"\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-5"},"\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-1"},"\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-4"},"\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-3"},"\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-5"},"\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-6"},"\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-6"},"\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-3"},"\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-7"},"\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"},"\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-2"},"\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-7"},"\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-4"},"\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-4"},"\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-8"},"\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-8"},"\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-5"},"\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-5"},"\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-9"},"\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-3"},"\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-9"},"\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-6"},"\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-6"},"\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-10"},"\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-1"},"\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-4"},"\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-10"},"\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-7"},"\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-11"},"\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-11"},"\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-7"},"\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-8"},"\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-12"},"\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-2"},"\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-12"},"\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-13"},"\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-3"},"\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-13"},"\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-14"},"\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-4"},"\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-5"},"\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-14"},"\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-15"},"\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-9"},"\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-10"},"\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-15"},"\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-16"},"\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-11"},"\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-16"},"\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-6"},"\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-17"},"\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-17"},"\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-18"},"\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-8"},"\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-12"},"\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-18"},"\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-5"},"\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-7"},"\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-19"},"\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-13"},"\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-19"},"\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-8"},"\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-9"},"\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-14"},"\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-20"},"\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-20"},"\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-21"},"\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-22"},"\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-21"},"\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-23"},"\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-15"},"\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-22"},"\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-10"},"\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-16"},"\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-24"},"\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-23"},"\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-17"},"\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-25"},"\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-11"},"\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-26"},"\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-6"},"\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-18"},"\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-27"},"\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-7"},"\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-9"},"\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-24"},"\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-19"},"\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-28"},"\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-20"},"\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-29"},"\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-21"},"\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-30"},"\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-12"},"\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-31"},"\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-8"},"\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-25"},"\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-32"},"\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-26"},"\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-13"},"\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-22"},"\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-33"},"\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-27"},"\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-34"},"\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-28"},"\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-14"},"\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-23"},"\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-35"},"\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-10"},"\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-29"},"\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-24"},"\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-36"},"\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-37"},"\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-11"},"\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-30"},"\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-15"},"\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-25"},"\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-38"},"\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-9"},"\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-16"},"\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-26"},"\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-39"},"\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-12"},"\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-31"},"\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-27"},"\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-40"},"\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-17"},"\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-28"},"\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-41"},"\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-32"},"\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-42"},"\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-33"},"\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-18"},"\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-43"},"\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-13"},"\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-29"},"\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-44"},"\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-10"},"\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-34"},"\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-30"},"\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-35"},"\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-19"},"\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-31"},"\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-45"},"\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-11"},"\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-36"},"\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-20"},"\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-32"},"\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-46"},"\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-12"},"\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-37"},"\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-33"},"\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-47"},"\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-13"},"\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-14"},"\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-38"},"\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-21"},"\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-34"},"\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-48"},"\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-14"},"\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-15"},"\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-39"},"\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-22"},"\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-35"},"\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-49"},"\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-15"},"\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-40"},"\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-23"},"\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-36"},"\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-50"},"\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-16"},"\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-16"},"\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-41"},"\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-51"},"\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-17"},"\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-42"},"\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-24"},"\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-37"},"\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-52"},"\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-17"},"\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-43"},"\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-25"},"\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-38"},"\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-53"},"\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-18"},"\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-18"},"\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-44"},"\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-45"},"\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-46"},"\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-47"},"\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-48"},"\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-49"},"\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-50"},"\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")))))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/42e0342b.6d5f3ad4.js b/docs/assets/js/42e0342b.6d5f3ad4.js new file mode 100644 index 0000000000..8fc71b3ba5 --- /dev/null +++ b/docs/assets/js/42e0342b.6d5f3ad4.js @@ -0,0 +1 @@ +"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:()=>y,toc:()=>g});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},"yes"),(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 header 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,y={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"}},g=[],h={toc:g},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:y,setTabGroupChoices:g}=i(),[h,v]=(0,r.useState)(b),k=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=o){const e=y[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&&g(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 y={toc:[],getValues:b},g="wrapper";function h(e){let{components:t,...n}=e;return(0,l.kt)(g,(0,a.Z)({},y,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.c821f0b6.js b/docs/assets/js/42e0342b.c821f0b6.js deleted file mode 100644 index 764b4ab9eb..0000000000 --- a/docs/assets/js/42e0342b.c821f0b6.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:()=>m,default:()=>g,frontMatter:()=>c,metadata:()=>f,toc:()=>b});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}]};function s(e){let{components:t,...l}=e;return(0,r.kt)("wrapper",(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},"yes"),(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 header if your service is not being hosted in one of the above domains.")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[]};function p(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"layout-header--default",height:"900",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;d="AccordionJSDoc";var d;const c={title:"Site Header",description:"",hide_table_of_contents:!0},m=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=[],y={toc:b};function g(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(l.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});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_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:y,setTabGroupChoices:g}=i(),[h,v]=(0,r.useState)(b),k=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=o){const e=y[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&&g(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,{"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 y={toc:[],getValues:b};function g(e){let{components:t,...n}=e;return(0,l.kt)("wrapper",(0,a.Z)({},y,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)))}g.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/4442ee2e.2e569dff.js b/docs/assets/js/4442ee2e.2e569dff.js deleted file mode 100644 index 5ae420a9e4..0000000000 --- a/docs/assets/js/4442ee2e.2e569dff.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[952],{3905:(i,a,s)=>{s.d(a,{Zo:()=>k,kt:()=>v});var l=s(7294);function e(i,a,s){return a in i?Object.defineProperty(i,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[a]=s,i}function t(i,a){var s=Object.keys(i);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(i);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(i,a).enumerable}))),s.push.apply(s,l)}return s}function c(i){for(var a=1;a=0||(e[s]=i[s]);return e}(i,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(i);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(i,s)&&(e[s]=i[s])}return e}var m=l.createContext({}),o=function(i){var a=l.useContext(m),s=a;return i&&(s="function"==typeof i?i(a):c(c({},a),i)),s},k=function(i){var a=o(i.components);return l.createElement(m.Provider,{value:a},i.children)},N="mdxType",d={inlineCode:"code",wrapper:function(i){var a=i.children;return l.createElement(l.Fragment,{},a)}},r=l.forwardRef((function(i,a){var s=i.components,e=i.mdxType,t=i.originalType,m=i.parentName,k=n(i,["components","mdxType","originalType","parentName"]),N=o(s),r=e,v=N["".concat(m,".").concat(r)]||N[r]||d[r]||t;return s?l.createElement(v,c(c({ref:a},k),{},{components:s})):l.createElement(v,c({ref:a},k))}));function v(i,a){var s=arguments,e=a&&a.mdxType;if("string"==typeof i||e){var t=s.length,c=new Array(t);c[0]=r;var n={};for(var m in a)hasOwnProperty.call(a,m)&&(n[m]=a[m]);n.originalType=i,n[N]="string"==typeof i?i:e,c[1]=n;for(var o=2;o{s.r(a),s.d(a,{contentTitle:()=>c,default:()=>k,frontMatter:()=>t,metadata:()=>n,toc:()=>m});var l=s(7462),e=(s(7294),s(3905));const t={title:"Iconography",description:"",order:5},c=void 0,n={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"}},m=[{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}],o={toc:m};function k(i){let{components:a,...s}=i;return(0,e.kt)("wrapper",(0,l.Z)({},o,s,{components:a,mdxType:"MDXLayout"}),(0,e.kt)("b",null,"In our websites we use the Remix icon set "),(0,e.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,e.kt)("a",{parentName:"p",href:"http://remixicon.com/"},"http://remixicon.com/"),")"),(0,e.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,e.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,e.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,e.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,e.kt)("h3",{id:"grids"},"Grids"),(0,e.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,e.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,e.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,e.kt)("h3",{id:"strokes-and-fills"},"Strokes and fills"),(0,e.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,e.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,e.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,e.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,e.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,e.kt)("h2",{id:"icon-set"},"Icon set"),(0,e.kt)("div",{className:"icon-list"},(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-line"}),(0,e.kt)("p",null,"home"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-fill"}),(0,e.kt)("p",null,"home")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-2-line"}),(0,e.kt)("p",null,"home-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-2-fill"}),(0,e.kt)("p",null,"home-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-3-line"}),(0,e.kt)("p",null,"home-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-3-fill"}),(0,e.kt)("p",null,"home-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-4-line"}),(0,e.kt)("p",null,"home-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-4-fill"}),(0,e.kt)("p",null,"home-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-5-line"}),(0,e.kt)("p",null,"home-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-5-fill"}),(0,e.kt)("p",null,"home-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-6-line"}),(0,e.kt)("p",null,"home-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-6-fill"}),(0,e.kt)("p",null,"home-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-7-line"}),(0,e.kt)("p",null,"home-7"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-7-fill"}),(0,e.kt)("p",null,"home-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-8-line"}),(0,e.kt)("p",null,"home-8"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-8-fill"}),(0,e.kt)("p",null,"home-8")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-gear-line"}),(0,e.kt)("p",null,"home-gear"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-gear-fill"}),(0,e.kt)("p",null,"home-gear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-wifi-line"}),(0,e.kt)("p",null,"home-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-wifi-fill"}),(0,e.kt)("p",null,"home-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-line"}),(0,e.kt)("p",null,"home-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-fill"}),(0,e.kt)("p",null,"home-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-2-line"}),(0,e.kt)("p",null,"home-smile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-2-fill"}),(0,e.kt)("p",null,"home-smile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-heart-line"}),(0,e.kt)("p",null,"home-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-heart-fill"}),(0,e.kt)("p",null,"home-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-line"}),(0,e.kt)("p",null,"building"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-fill"}),(0,e.kt)("p",null,"building")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-2-line"}),(0,e.kt)("p",null,"building-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-2-fill"}),(0,e.kt)("p",null,"building-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-3-line"}),(0,e.kt)("p",null,"building-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-3-fill"}),(0,e.kt)("p",null,"building-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-4-line"}),(0,e.kt)("p",null,"building-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-4-fill"}),(0,e.kt)("p",null,"building-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-line"}),(0,e.kt)("p",null,"hotel"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-fill"}),(0,e.kt)("p",null,"hotel")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-community-line"}),(0,e.kt)("p",null,"community"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-community-fill"}),(0,e.kt)("p",null,"community")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-government-line"}),(0,e.kt)("p",null,"government"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-government-fill"}),(0,e.kt)("p",null,"government")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-line"}),(0,e.kt)("p",null,"bank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-fill"}),(0,e.kt)("p",null,"bank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-line"}),(0,e.kt)("p",null,"store"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-fill"}),(0,e.kt)("p",null,"store")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-2-line"}),(0,e.kt)("p",null,"store-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-2-fill"}),(0,e.kt)("p",null,"store-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-3-line"}),(0,e.kt)("p",null,"store-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-3-fill"}),(0,e.kt)("p",null,"store-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hospital-line"}),(0,e.kt)("p",null,"hospital"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hospital-fill"}),(0,e.kt)("p",null,"hospital")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-gate-line"}),(0,e.kt)("p",null,"ancient-gate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-gate-fill"}),(0,e.kt)("p",null,"ancient-gate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-pavilion-line"}),(0,e.kt)("p",null,"ancient-pavilion"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-pavilion-fill"}),(0,e.kt)("p",null,"ancient-pavilion"))))),(0,e.kt)("h3",{id:"buildings"},"Buildings")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-line"}),(0,e.kt)("p",null,"mail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-fill"}),(0,e.kt)("p",null,"mail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-open-line"}),(0,e.kt)("p",null,"mail-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-open-fill"}),(0,e.kt)("p",null,"mail-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-send-line"}),(0,e.kt)("p",null,"mail-send"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-send-fill"}),(0,e.kt)("p",null,"mail-send")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-unread-line"}),(0,e.kt)("p",null,"mail-unread"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-unread-fill"}),(0,e.kt)("p",null,"mail-unread")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-add-line"}),(0,e.kt)("p",null,"mail-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-add-fill"}),(0,e.kt)("p",null,"mail-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-check-line"}),(0,e.kt)("p",null,"mail-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-check-fill"}),(0,e.kt)("p",null,"mail-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-close-line"}),(0,e.kt)("p",null,"mail-close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-close-fill"}),(0,e.kt)("p",null,"mail-close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-download-line"}),(0,e.kt)("p",null,"mail-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-download-fill"}),(0,e.kt)("p",null,"mail-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-forbid-line"}),(0,e.kt)("p",null,"mail-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-forbid-fill"}),(0,e.kt)("p",null,"mail-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-lock-line"}),(0,e.kt)("p",null,"mail-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-lock-fill"}),(0,e.kt)("p",null,"mail-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-settings-line"}),(0,e.kt)("p",null,"mail-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-settings-fill"}),(0,e.kt)("p",null,"mail-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-star-line"}),(0,e.kt)("p",null,"mail-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-star-fill"}),(0,e.kt)("p",null,"mail-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-volume-line"}),(0,e.kt)("p",null,"mail-volume"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-volume-fill"}),(0,e.kt)("p",null,"mail-volume")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-line"}),(0,e.kt)("p",null,"inbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-fill"}),(0,e.kt)("p",null,"inbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-archive-line"}),(0,e.kt)("p",null,"inbox-archive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-archive-fill"}),(0,e.kt)("p",null,"inbox-archive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-unarchive-line"}),(0,e.kt)("p",null,"inbox-unarchive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-unarchive-fill"}),(0,e.kt)("p",null,"inbox-unarchive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-line"}),(0,e.kt)("p",null,"cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-fill"}),(0,e.kt)("p",null,"cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-off-line"}),(0,e.kt)("p",null,"cloud-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-off-fill"}),(0,e.kt)("p",null,"cloud-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-line"}),(0,e.kt)("p",null,"attachment"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-fill"}),(0,e.kt)("p",null,"attachment")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-profile-line"}),(0,e.kt)("p",null,"profile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-profile-fill"}),(0,e.kt)("p",null,"profile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-line"}),(0,e.kt)("p",null,"archive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-fill"}),(0,e.kt)("p",null,"archive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-drawer-line"}),(0,e.kt)("p",null,"archive-drawer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-drawer-fill"}),(0,e.kt)("p",null,"archive-drawer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-at-line"}),(0,e.kt)("p",null,"at"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-at-fill"}),(0,e.kt)("p",null,"at")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-award-line"}),(0,e.kt)("p",null,"award"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-award-fill"}),(0,e.kt)("p",null,"award")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-line"}),(0,e.kt)("p",null,"medal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-fill"}),(0,e.kt)("p",null,"medal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-2-line"}),(0,e.kt)("p",null,"medal-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-2-fill"}),(0,e.kt)("p",null,"medal-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-line"}),(0,e.kt)("p",null,"bar-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-fill"}),(0,e.kt)("p",null,"bar-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-horizontal-line"}),(0,e.kt)("p",null,"bar-chart-horizontal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-horizontal-fill"}),(0,e.kt)("p",null,"bar-chart-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-2-line"}),(0,e.kt)("p",null,"bar-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-2-fill"}),(0,e.kt)("p",null,"bar-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-box-line"}),(0,e.kt)("p",null,"bar-chart-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-box-fill"}),(0,e.kt)("p",null,"bar-chart-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-grouped-line"}),(0,e.kt)("p",null,"bar-chart-grouped"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-grouped-fill"}),(0,e.kt)("p",null,"bar-chart-grouped")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bubble-chart-line"}),(0,e.kt)("p",null,"bubble-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bubble-chart-fill"}),(0,e.kt)("p",null,"bubble-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-line"}),(0,e.kt)("p",null,"pie-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-fill"}),(0,e.kt)("p",null,"pie-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-2-line"}),(0,e.kt)("p",null,"pie-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-2-fill"}),(0,e.kt)("p",null,"pie-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-box-line"}),(0,e.kt)("p",null,"pie-chart-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-box-fill"}),(0,e.kt)("p",null,"pie-chart-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-donut-chart-line"}),(0,e.kt)("p",null,"donut-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-donut-chart-fill"}),(0,e.kt)("p",null,"donut-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-chart-line"}),(0,e.kt)("p",null,"line-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-chart-fill"}),(0,e.kt)("p",null,"line-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-line"}),(0,e.kt)("p",null,"bookmark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-fill"}),(0,e.kt)("p",null,"bookmark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-2-line"}),(0,e.kt)("p",null,"bookmark-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-2-fill"}),(0,e.kt)("p",null,"bookmark-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-3-line"}),(0,e.kt)("p",null,"bookmark-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-3-fill"}),(0,e.kt)("p",null,"bookmark-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-line"}),(0,e.kt)("p",null,"briefcase"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-fill"}),(0,e.kt)("p",null,"briefcase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-2-line"}),(0,e.kt)("p",null,"briefcase-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-2-fill"}),(0,e.kt)("p",null,"briefcase-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-3-line"}),(0,e.kt)("p",null,"briefcase-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-3-fill"}),(0,e.kt)("p",null,"briefcase-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-4-line"}),(0,e.kt)("p",null,"briefcase-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-4-fill"}),(0,e.kt)("p",null,"briefcase-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-5-line"}),(0,e.kt)("p",null,"briefcase-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-5-fill"}),(0,e.kt)("p",null,"briefcase-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calculator-line"}),(0,e.kt)("p",null,"calculator"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calculator-fill"}),(0,e.kt)("p",null,"calculator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-line"}),(0,e.kt)("p",null,"calendar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-fill"}),(0,e.kt)("p",null,"calendar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-2-line"}),(0,e.kt)("p",null,"calendar-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-2-fill"}),(0,e.kt)("p",null,"calendar-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-event-line"}),(0,e.kt)("p",null,"calendar-event"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-event-fill"}),(0,e.kt)("p",null,"calendar-event")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-todo-line"}),(0,e.kt)("p",null,"calendar-todo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-todo-fill"}),(0,e.kt)("p",null,"calendar-todo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-check-line"}),(0,e.kt)("p",null,"calendar-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-check-fill"}),(0,e.kt)("p",null,"calendar-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-line"}),(0,e.kt)("p",null,"customer-service"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-fill"}),(0,e.kt)("p",null,"customer-service")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-2-line"}),(0,e.kt)("p",null,"customer-service-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-2-fill"}),(0,e.kt)("p",null,"customer-service-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-line"}),(0,e.kt)("p",null,"flag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-fill"}),(0,e.kt)("p",null,"flag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-2-line"}),(0,e.kt)("p",null,"flag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-2-fill"}),(0,e.kt)("p",null,"flag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-global-line"}),(0,e.kt)("p",null,"global"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-global-fill"}),(0,e.kt)("p",null,"global")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honour-line"}),(0,e.kt)("p",null,"honour"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honour-fill"}),(0,e.kt)("p",null,"honour")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-links-line"}),(0,e.kt)("p",null,"links"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-links-fill"}),(0,e.kt)("p",null,"links")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-line"}),(0,e.kt)("p",null,"printer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-fill"}),(0,e.kt)("p",null,"printer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-cloud-line"}),(0,e.kt)("p",null,"printer-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-cloud-fill"}),(0,e.kt)("p",null,"printer-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-mail-line"}),(0,e.kt)("p",null,"record-mail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-mail-fill"}),(0,e.kt)("p",null,"record-mail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-line"}),(0,e.kt)("p",null,"reply"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-fill"}),(0,e.kt)("p",null,"reply")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-all-line"}),(0,e.kt)("p",null,"reply-all"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-all-fill"}),(0,e.kt)("p",null,"reply-all")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-line"}),(0,e.kt)("p",null,"send-plane"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-fill"}),(0,e.kt)("p",null,"send-plane")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-2-line"}),(0,e.kt)("p",null,"send-plane-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-2-fill"}),(0,e.kt)("p",null,"send-plane-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-line"}),(0,e.kt)("p",null,"projector"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-fill"}),(0,e.kt)("p",null,"projector")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-2-line"}),(0,e.kt)("p",null,"projector-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-2-fill"}),(0,e.kt)("p",null,"projector-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-line"}),(0,e.kt)("p",null,"slideshow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-fill"}),(0,e.kt)("p",null,"slideshow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-2-line"}),(0,e.kt)("p",null,"slideshow-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-2-fill"}),(0,e.kt)("p",null,"slideshow-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-3-line"}),(0,e.kt)("p",null,"slideshow-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-3-fill"}),(0,e.kt)("p",null,"slideshow-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-4-line"}),(0,e.kt)("p",null,"slideshow-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-4-fill"}),(0,e.kt)("p",null,"slideshow-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-line"}),(0,e.kt)("p",null,"window"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-fill"}),(0,e.kt)("p",null,"window")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-2-line"}),(0,e.kt)("p",null,"window-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-2-fill"}),(0,e.kt)("p",null,"window-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-line"}),(0,e.kt)("p",null,"stack"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-fill"}),(0,e.kt)("p",null,"stack")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-service-line"}),(0,e.kt)("p",null,"service"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-service-fill"}),(0,e.kt)("p",null,"service")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-registered-line"}),(0,e.kt)("p",null,"registered"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-registered-fill"}),(0,e.kt)("p",null,"registered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trademark-line"}),(0,e.kt)("p",null,"trademark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trademark-fill"}),(0,e.kt)("p",null,"trademark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-advertisement-line"}),(0,e.kt)("p",null,"advertisement"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-advertisement-fill"}),(0,e.kt)("p",null,"advertisement")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyleft-line"}),(0,e.kt)("p",null,"copyleft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyleft-fill"}),(0,e.kt)("p",null,"copyleft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyright-line"}),(0,e.kt)("p",null,"copyright"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyright-fill"}),(0,e.kt)("p",null,"copyright")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-line"}),(0,e.kt)("p",null,"creative-commons"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-fill"}),(0,e.kt)("p",null,"creative-commons")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-by-line"}),(0,e.kt)("p",null,"creative-commons-by"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-by-fill"}),(0,e.kt)("p",null,"creative-commons-by")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nc-line"}),(0,e.kt)("p",null,"creative-commons-nc"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nc-fill"}),(0,e.kt)("p",null,"creative-commons-nc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nd-line"}),(0,e.kt)("p",null,"creative-commons-nd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nd-fill"}),(0,e.kt)("p",null,"creative-commons-nd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-sa-line"}),(0,e.kt)("p",null,"creative-commons-sa"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-sa-fill"}),(0,e.kt)("p",null,"creative-commons-sa")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-zero-line"}),(0,e.kt)("p",null,"creative-commons-zero"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-zero-fill"}),(0,e.kt)("p",null,"creative-commons-zero"))))),(0,e.kt)("h3",{id:"business"},"Business")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-1-line"}),(0,e.kt)("p",null,"chat-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-1-fill"}),(0,e.kt)("p",null,"chat-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-2-line"}),(0,e.kt)("p",null,"chat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-2-fill"}),(0,e.kt)("p",null,"chat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-3-line"}),(0,e.kt)("p",null,"chat-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-3-fill"}),(0,e.kt)("p",null,"chat-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-4-line"}),(0,e.kt)("p",null,"chat-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-4-fill"}),(0,e.kt)("p",null,"chat-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-line"}),(0,e.kt)("p",null,"message"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-fill"}),(0,e.kt)("p",null,"message")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-2-line"}),(0,e.kt)("p",null,"message-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-2-fill"}),(0,e.kt)("p",null,"message-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-3-line"}),(0,e.kt)("p",null,"message-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-3-fill"}),(0,e.kt)("p",null,"message-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-check-line"}),(0,e.kt)("p",null,"chat-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-check-fill"}),(0,e.kt)("p",null,"chat-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-delete-line"}),(0,e.kt)("p",null,"chat-delete"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-delete-fill"}),(0,e.kt)("p",null,"chat-delete")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-forward-line"}),(0,e.kt)("p",null,"chat-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-forward-fill"}),(0,e.kt)("p",null,"chat-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-upload-line"}),(0,e.kt)("p",null,"chat-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-upload-fill"}),(0,e.kt)("p",null,"chat-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-download-line"}),(0,e.kt)("p",null,"chat-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-download-fill"}),(0,e.kt)("p",null,"chat-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-new-line"}),(0,e.kt)("p",null,"chat-new"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-new-fill"}),(0,e.kt)("p",null,"chat-new")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-settings-line"}),(0,e.kt)("p",null,"chat-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-settings-fill"}),(0,e.kt)("p",null,"chat-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-line"}),(0,e.kt)("p",null,"chat-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-fill"}),(0,e.kt)("p",null,"chat-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-2-line"}),(0,e.kt)("p",null,"chat-smile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-2-fill"}),(0,e.kt)("p",null,"chat-smile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-3-line"}),(0,e.kt)("p",null,"chat-smile-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-3-fill"}),(0,e.kt)("p",null,"chat-smile-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-heart-line"}),(0,e.kt)("p",null,"chat-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-heart-fill"}),(0,e.kt)("p",null,"chat-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-off-line"}),(0,e.kt)("p",null,"chat-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-off-fill"}),(0,e.kt)("p",null,"chat-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-feedback-line"}),(0,e.kt)("p",null,"feedback"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-feedback-fill"}),(0,e.kt)("p",null,"feedback")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discuss-line"}),(0,e.kt)("p",null,"discuss"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discuss-fill"}),(0,e.kt)("p",null,"discuss")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-answer-line"}),(0,e.kt)("p",null,"question-answer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-answer-fill"}),(0,e.kt)("p",null,"question-answer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-questionnaire-line"}),(0,e.kt)("p",null,"questionnaire"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-questionnaire-fill"}),(0,e.kt)("p",null,"questionnaire")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-chat-line"}),(0,e.kt)("p",null,"video-chat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-chat-fill"}),(0,e.kt)("p",null,"video-chat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-voice-line"}),(0,e.kt)("p",null,"chat-voice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-voice-fill"}),(0,e.kt)("p",null,"chat-voice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-quote-line"}),(0,e.kt)("p",null,"chat-quote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-quote-fill"}),(0,e.kt)("p",null,"chat-quote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-follow-up-line"}),(0,e.kt)("p",null,"chat-follow-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-follow-up-fill"}),(0,e.kt)("p",null,"chat-follow-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-poll-line"}),(0,e.kt)("p",null,"chat-poll"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-poll-fill"}),(0,e.kt)("p",null,"chat-poll")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-history-line"}),(0,e.kt)("p",null,"chat-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-history-fill"}),(0,e.kt)("p",null,"chat-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-private-line"}),(0,e.kt)("p",null,"chat-private"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-private-fill"}),(0,e.kt)("p",null,"chat-private"))))),(0,e.kt)("h3",{id:"communication"},"Communication")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-line"}),(0,e.kt)("p",null,"pencil"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-fill"}),(0,e.kt)("p",null,"pencil")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-line"}),(0,e.kt)("p",null,"edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-fill"}),(0,e.kt)("p",null,"edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-2-line"}),(0,e.kt)("p",null,"edit-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-2-fill"}),(0,e.kt)("p",null,"edit-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ball-pen-line"}),(0,e.kt)("p",null,"ball-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ball-pen-fill"}),(0,e.kt)("p",null,"ball-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-quill-pen-line"}),(0,e.kt)("p",null,"quill-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-quill-pen-fill"}),(0,e.kt)("p",null,"quill-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pen-nib-line"}),(0,e.kt)("p",null,"pen-nib"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pen-nib-fill"}),(0,e.kt)("p",null,"pen-nib")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ink-bottle-line"}),(0,e.kt)("p",null,"ink-bottle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ink-bottle-fill"}),(0,e.kt)("p",null,"ink-bottle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mark-pen-line"}),(0,e.kt)("p",null,"mark-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mark-pen-fill"}),(0,e.kt)("p",null,"mark-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markup-line"}),(0,e.kt)("p",null,"markup"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markup-fill"}),(0,e.kt)("p",null,"markup")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-box-line"}),(0,e.kt)("p",null,"edit-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-box-fill"}),(0,e.kt)("p",null,"edit-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-circle-line"}),(0,e.kt)("p",null,"edit-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-circle-fill"}),(0,e.kt)("p",null,"edit-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sip-line"}),(0,e.kt)("p",null,"sip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sip-fill"}),(0,e.kt)("p",null,"sip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-line"}),(0,e.kt)("p",null,"brush"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-fill"}),(0,e.kt)("p",null,"brush")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-2-line"}),(0,e.kt)("p",null,"brush-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-2-fill"}),(0,e.kt)("p",null,"brush-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-3-line"}),(0,e.kt)("p",null,"brush-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-3-fill"}),(0,e.kt)("p",null,"brush-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-4-line"}),(0,e.kt)("p",null,"brush-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-4-fill"}),(0,e.kt)("p",null,"brush-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-brush-line"}),(0,e.kt)("p",null,"paint-brush"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-brush-fill"}),(0,e.kt)("p",null,"paint-brush")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-line"}),(0,e.kt)("p",null,"contrast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-fill"}),(0,e.kt)("p",null,"contrast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-2-line"}),(0,e.kt)("p",null,"contrast-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-2-fill"}),(0,e.kt)("p",null,"contrast-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drop-line"}),(0,e.kt)("p",null,"drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drop-fill"}),(0,e.kt)("p",null,"drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blur-off-line"}),(0,e.kt)("p",null,"blur-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blur-off-fill"}),(0,e.kt)("p",null,"blur-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-line"}),(0,e.kt)("p",null,"contrast-drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-fill"}),(0,e.kt)("p",null,"contrast-drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-2-line"}),(0,e.kt)("p",null,"contrast-drop-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-2-fill"}),(0,e.kt)("p",null,"contrast-drop-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-line"}),(0,e.kt)("p",null,"compasses"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-fill"}),(0,e.kt)("p",null,"compasses")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-2-line"}),(0,e.kt)("p",null,"compasses-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-2-fill"}),(0,e.kt)("p",null,"compasses-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-line"}),(0,e.kt)("p",null,"scissors"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-fill"}),(0,e.kt)("p",null,"scissors")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-cut-line"}),(0,e.kt)("p",null,"scissors-cut"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-cut-fill"}),(0,e.kt)("p",null,"scissors-cut")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-2-line"}),(0,e.kt)("p",null,"scissors-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-2-fill"}),(0,e.kt)("p",null,"scissors-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slice-line"}),(0,e.kt)("p",null,"slice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slice-fill"}),(0,e.kt)("p",null,"slice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eraser-line"}),(0,e.kt)("p",null,"eraser"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eraser-fill"}),(0,e.kt)("p",null,"eraser")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-line"}),(0,e.kt)("p",null,"ruler"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-fill"}),(0,e.kt)("p",null,"ruler")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-2-line"}),(0,e.kt)("p",null,"ruler-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-2-fill"}),(0,e.kt)("p",null,"ruler-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-line"}),(0,e.kt)("p",null,"pencil-ruler"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-fill"}),(0,e.kt)("p",null,"pencil-ruler")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-2-line"}),(0,e.kt)("p",null,"pencil-ruler-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-2-fill"}),(0,e.kt)("p",null,"pencil-ruler-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-box-line"}),(0,e.kt)("p",null,"t-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-box-fill"}),(0,e.kt)("p",null,"t-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-method-line"}),(0,e.kt)("p",null,"input-method"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-method-fill"}),(0,e.kt)("p",null,"input-method")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-line"}),(0,e.kt)("p",null,"artboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-fill"}),(0,e.kt)("p",null,"artboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-2-line"}),(0,e.kt)("p",null,"artboard-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-2-fill"}),(0,e.kt)("p",null,"artboard-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-line"}),(0,e.kt)("p",null,"crop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-fill"}),(0,e.kt)("p",null,"crop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-2-line"}),(0,e.kt)("p",null,"crop-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-2-fill"}),(0,e.kt)("p",null,"crop-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-line"}),(0,e.kt)("p",null,"screenshot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-fill"}),(0,e.kt)("p",null,"screenshot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-2-line"}),(0,e.kt)("p",null,"screenshot-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-2-fill"}),(0,e.kt)("p",null,"screenshot-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-line"}),(0,e.kt)("p",null,"drag-move"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-fill"}),(0,e.kt)("p",null,"drag-move")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-2-line"}),(0,e.kt)("p",null,"drag-move-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-2-fill"}),(0,e.kt)("p",null,"drag-move-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-line"}),(0,e.kt)("p",null,"focus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-fill"}),(0,e.kt)("p",null,"focus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-2-line"}),(0,e.kt)("p",null,"focus-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-2-fill"}),(0,e.kt)("p",null,"focus-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-3-line"}),(0,e.kt)("p",null,"focus-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-3-fill"}),(0,e.kt)("p",null,"focus-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-line"}),(0,e.kt)("p",null,"paint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-fill"}),(0,e.kt)("p",null,"paint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-palette-line"}),(0,e.kt)("p",null,"palette"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-palette-fill"}),(0,e.kt)("p",null,"palette")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pantone-line"}),(0,e.kt)("p",null,"pantone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pantone-fill"}),(0,e.kt)("p",null,"pantone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-line"}),(0,e.kt)("p",null,"shape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-fill"}),(0,e.kt)("p",null,"shape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-2-line"}),(0,e.kt)("p",null,"shape-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-2-fill"}),(0,e.kt)("p",null,"shape-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-magic-line"}),(0,e.kt)("p",null,"magic"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-magic-fill"}),(0,e.kt)("p",null,"magic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-line"}),(0,e.kt)("p",null,"anticlockwise"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-fill"}),(0,e.kt)("p",null,"anticlockwise")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-2-line"}),(0,e.kt)("p",null,"anticlockwise-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-2-fill"}),(0,e.kt)("p",null,"anticlockwise-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-line"}),(0,e.kt)("p",null,"clockwise"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-fill"}),(0,e.kt)("p",null,"clockwise")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-2-line"}),(0,e.kt)("p",null,"clockwise-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-2-fill"}),(0,e.kt)("p",null,"clockwise-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hammer-line"}),(0,e.kt)("p",null,"hammer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hammer-fill"}),(0,e.kt)("p",null,"hammer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tools-line"}),(0,e.kt)("p",null,"tools"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tools-fill"}),(0,e.kt)("p",null,"tools")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-drop-line"}),(0,e.kt)("p",null,"drag-drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-drop-fill"}),(0,e.kt)("p",null,"drag-drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-line"}),(0,e.kt)("p",null,"table"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-fill"}),(0,e.kt)("p",null,"table")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-alt-line"}),(0,e.kt)("p",null,"table-alt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-alt-fill"}),(0,e.kt)("p",null,"table-alt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-line"}),(0,e.kt)("p",null,"layout"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-fill"}),(0,e.kt)("p",null,"layout")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-2-line"}),(0,e.kt)("p",null,"layout-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-2-fill"}),(0,e.kt)("p",null,"layout-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-3-line"}),(0,e.kt)("p",null,"layout-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-3-fill"}),(0,e.kt)("p",null,"layout-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-4-line"}),(0,e.kt)("p",null,"layout-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-4-fill"}),(0,e.kt)("p",null,"layout-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-5-line"}),(0,e.kt)("p",null,"layout-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-5-fill"}),(0,e.kt)("p",null,"layout-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-6-line"}),(0,e.kt)("p",null,"layout-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-6-fill"}),(0,e.kt)("p",null,"layout-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-column-line"}),(0,e.kt)("p",null,"layout-column"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-column-fill"}),(0,e.kt)("p",null,"layout-column")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-row-line"}),(0,e.kt)("p",null,"layout-row"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-row-fill"}),(0,e.kt)("p",null,"layout-row")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-line"}),(0,e.kt)("p",null,"layout-top"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-fill"}),(0,e.kt)("p",null,"layout-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-line"}),(0,e.kt)("p",null,"layout-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-fill"}),(0,e.kt)("p",null,"layout-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-line"}),(0,e.kt)("p",null,"layout-bottom"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-fill"}),(0,e.kt)("p",null,"layout-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-line"}),(0,e.kt)("p",null,"layout-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-fill"}),(0,e.kt)("p",null,"layout-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-2-line"}),(0,e.kt)("p",null,"layout-top-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-2-fill"}),(0,e.kt)("p",null,"layout-top-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-2-line"}),(0,e.kt)("p",null,"layout-right-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-2-fill"}),(0,e.kt)("p",null,"layout-right-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-2-line"}),(0,e.kt)("p",null,"layout-bottom-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-2-fill"}),(0,e.kt)("p",null,"layout-bottom-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-2-line"}),(0,e.kt)("p",null,"layout-left-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-2-fill"}),(0,e.kt)("p",null,"layout-left-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-grid-line"}),(0,e.kt)("p",null,"layout-grid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-grid-fill"}),(0,e.kt)("p",null,"layout-grid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-masonry-line"}),(0,e.kt)("p",null,"layout-masonry"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-masonry-fill"}),(0,e.kt)("p",null,"layout-masonry")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-collage-line"}),(0,e.kt)("p",null,"collage"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-collage-fill"}),(0,e.kt)("p",null,"collage")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-grid-line"}),(0,e.kt)("p",null,"grid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-grid-fill"}),(0,e.kt)("p",null,"grid"))))),(0,e.kt)("h3",{id:"design"},"Design")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-line"}),(0,e.kt)("p",null,"bug"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-fill"}),(0,e.kt)("p",null,"bug")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-2-line"}),(0,e.kt)("p",null,"bug-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-2-fill"}),(0,e.kt)("p",null,"bug-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-line"}),(0,e.kt)("p",null,"code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-fill"}),(0,e.kt)("p",null,"code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-line"}),(0,e.kt)("p",null,"code-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-fill"}),(0,e.kt)("p",null,"code-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-slash-line"}),(0,e.kt)("p",null,"code-s-slash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-slash-fill"}),(0,e.kt)("p",null,"code-s-slash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-box-line"}),(0,e.kt)("p",null,"code-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-box-fill"}),(0,e.kt)("p",null,"code-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-box-line"}),(0,e.kt)("p",null,"terminal-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-box-fill"}),(0,e.kt)("p",null,"terminal-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-line"}),(0,e.kt)("p",null,"terminal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-fill"}),(0,e.kt)("p",null,"terminal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-window-line"}),(0,e.kt)("p",null,"terminal-window"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-window-fill"}),(0,e.kt)("p",null,"terminal-window")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parentheses-line"}),(0,e.kt)("p",null,"parentheses"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parentheses-fill"}),(0,e.kt)("p",null,"parentheses")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brackets-line"}),(0,e.kt)("p",null,"brackets"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brackets-fill"}),(0,e.kt)("p",null,"brackets")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-braces-line"}),(0,e.kt)("p",null,"braces"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-braces-fill"}),(0,e.kt)("p",null,"braces")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-command-line"}),(0,e.kt)("p",null,"command"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-command-fill"}),(0,e.kt)("p",null,"command")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cursor-line"}),(0,e.kt)("p",null,"cursor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cursor-fill"}),(0,e.kt)("p",null,"cursor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-commit-line"}),(0,e.kt)("p",null,"git-commit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-commit-fill"}),(0,e.kt)("p",null,"git-commit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-pull-request-line"}),(0,e.kt)("p",null,"git-pull-request"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-pull-request-fill"}),(0,e.kt)("p",null,"git-pull-request")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-merge-line"}),(0,e.kt)("p",null,"git-merge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-merge-fill"}),(0,e.kt)("p",null,"git-merge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-branch-line"}),(0,e.kt)("p",null,"git-branch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-branch-fill"}),(0,e.kt)("p",null,"git-branch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-line"}),(0,e.kt)("p",null,"git-repository"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-fill"}),(0,e.kt)("p",null,"git-repository")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-commits-line"}),(0,e.kt)("p",null,"git-repository-commits"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-commits-fill"}),(0,e.kt)("p",null,"git-repository-commits")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-private-line"}),(0,e.kt)("p",null,"git-repository-private"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-private-fill"}),(0,e.kt)("p",null,"git-repository-private")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-html5-line"}),(0,e.kt)("p",null,"html5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-html5-fill"}),(0,e.kt)("p",null,"html5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-css3-line"}),(0,e.kt)("p",null,"css3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-css3-fill"}),(0,e.kt)("p",null,"css3"))))),(0,e.kt)("h3",{id:"development"},"Development")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-line"}),(0,e.kt)("p",null,"tv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-fill"}),(0,e.kt)("p",null,"tv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-2-line"}),(0,e.kt)("p",null,"tv-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-2-fill"}),(0,e.kt)("p",null,"tv-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-computer-line"}),(0,e.kt)("p",null,"computer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-computer-fill"}),(0,e.kt)("p",null,"computer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mac-line"}),(0,e.kt)("p",null,"mac"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mac-fill"}),(0,e.kt)("p",null,"mac")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-macbook-line"}),(0,e.kt)("p",null,"macbook"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-macbook-fill"}),(0,e.kt)("p",null,"macbook")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cellphone-line"}),(0,e.kt)("p",null,"cellphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cellphone-fill"}),(0,e.kt)("p",null,"cellphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-smartphone-line"}),(0,e.kt)("p",null,"smartphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-smartphone-fill"}),(0,e.kt)("p",null,"smartphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tablet-line"}),(0,e.kt)("p",null,"tablet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tablet-fill"}),(0,e.kt)("p",null,"tablet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-line"}),(0,e.kt)("p",null,"device"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-fill"}),(0,e.kt)("p",null,"device")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-line"}),(0,e.kt)("p",null,"phone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-fill"}),(0,e.kt)("p",null,"phone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-line"}),(0,e.kt)("p",null,"database"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-fill"}),(0,e.kt)("p",null,"database")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-2-line"}),(0,e.kt)("p",null,"database-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-2-fill"}),(0,e.kt)("p",null,"database-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-server-line"}),(0,e.kt)("p",null,"server"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-server-fill"}),(0,e.kt)("p",null,"server")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-line"}),(0,e.kt)("p",null,"hard-drive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-fill"}),(0,e.kt)("p",null,"hard-drive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-2-line"}),(0,e.kt)("p",null,"hard-drive-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-2-fill"}),(0,e.kt)("p",null,"hard-drive-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-install-line"}),(0,e.kt)("p",null,"install"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-install-fill"}),(0,e.kt)("p",null,"install")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-uninstall-line"}),(0,e.kt)("p",null,"uninstall"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-uninstall-fill"}),(0,e.kt)("p",null,"uninstall")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-line"}),(0,e.kt)("p",null,"save"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-fill"}),(0,e.kt)("p",null,"save")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-2-line"}),(0,e.kt)("p",null,"save-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-2-fill"}),(0,e.kt)("p",null,"save-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-3-line"}),(0,e.kt)("p",null,"save-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-3-fill"}),(0,e.kt)("p",null,"save-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-line"}),(0,e.kt)("p",null,"sd-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-fill"}),(0,e.kt)("p",null,"sd-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-mini-line"}),(0,e.kt)("p",null,"sd-card-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-mini-fill"}),(0,e.kt)("p",null,"sd-card-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-line"}),(0,e.kt)("p",null,"sim-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-fill"}),(0,e.kt)("p",null,"sim-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-2-line"}),(0,e.kt)("p",null,"sim-card-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-2-fill"}),(0,e.kt)("p",null,"sim-card-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-1-line"}),(0,e.kt)("p",null,"dual-sim-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-1-fill"}),(0,e.kt)("p",null,"dual-sim-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-2-line"}),(0,e.kt)("p",null,"dual-sim-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-2-fill"}),(0,e.kt)("p",null,"dual-sim-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-u-disk-line"}),(0,e.kt)("p",null,"u-disk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-u-disk-fill"}),(0,e.kt)("p",null,"u-disk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-line"}),(0,e.kt)("p",null,"battery"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-fill"}),(0,e.kt)("p",null,"battery")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-charge-line"}),(0,e.kt)("p",null,"battery-charge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-charge-fill"}),(0,e.kt)("p",null,"battery-charge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-low-line"}),(0,e.kt)("p",null,"battery-low"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-low-fill"}),(0,e.kt)("p",null,"battery-low")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-line"}),(0,e.kt)("p",null,"battery-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-fill"}),(0,e.kt)("p",null,"battery-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-charge-line"}),(0,e.kt)("p",null,"battery-2-charge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-charge-fill"}),(0,e.kt)("p",null,"battery-2-charge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-saver-line"}),(0,e.kt)("p",null,"battery-saver"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-saver-fill"}),(0,e.kt)("p",null,"battery-saver")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-share-line"}),(0,e.kt)("p",null,"battery-share"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-share-fill"}),(0,e.kt)("p",null,"battery-share")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cast-line"}),(0,e.kt)("p",null,"cast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cast-fill"}),(0,e.kt)("p",null,"cast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-airplay-line"}),(0,e.kt)("p",null,"airplay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-airplay-fill"}),(0,e.kt)("p",null,"airplay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cpu-line"}),(0,e.kt)("p",null,"cpu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cpu-fill"}),(0,e.kt)("p",null,"cpu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gradienter-line"}),(0,e.kt)("p",null,"gradienter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gradienter-fill"}),(0,e.kt)("p",null,"gradienter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-line"}),(0,e.kt)("p",null,"keyboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-fill"}),(0,e.kt)("p",null,"keyboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-box-line"}),(0,e.kt)("p",null,"keyboard-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-box-fill"}),(0,e.kt)("p",null,"keyboard-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mouse-line"}),(0,e.kt)("p",null,"mouse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mouse-fill"}),(0,e.kt)("p",null,"mouse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sensor-line"}),(0,e.kt)("p",null,"sensor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sensor-fill"}),(0,e.kt)("p",null,"sensor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-router-line"}),(0,e.kt)("p",null,"router"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-router-fill"}),(0,e.kt)("p",null,"router")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radar-line"}),(0,e.kt)("p",null,"radar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radar-fill"}),(0,e.kt)("p",null,"radar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gamepad-line"}),(0,e.kt)("p",null,"gamepad"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gamepad-fill"}),(0,e.kt)("p",null,"gamepad")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-line"}),(0,e.kt)("p",null,"remote-control"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-fill"}),(0,e.kt)("p",null,"remote-control")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-2-line"}),(0,e.kt)("p",null,"remote-control-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-2-fill"}),(0,e.kt)("p",null,"remote-control-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-recover-line"}),(0,e.kt)("p",null,"device-recover"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-recover-fill"}),(0,e.kt)("p",null,"device-recover")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotspot-line"}),(0,e.kt)("p",null,"hotspot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotspot-fill"}),(0,e.kt)("p",null,"hotspot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-find-line"}),(0,e.kt)("p",null,"phone-find"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-find-fill"}),(0,e.kt)("p",null,"phone-find")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-lock-line"}),(0,e.kt)("p",null,"phone-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-lock-fill"}),(0,e.kt)("p",null,"phone-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rotate-lock-line"}),(0,e.kt)("p",null,"rotate-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rotate-lock-fill"}),(0,e.kt)("p",null,"rotate-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restart-line"}),(0,e.kt)("p",null,"restart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restart-fill"}),(0,e.kt)("p",null,"restart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shut-down-line"}),(0,e.kt)("p",null,"shut-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shut-down-fill"}),(0,e.kt)("p",null,"shut-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-line"}),(0,e.kt)("p",null,"fingerprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-fill"}),(0,e.kt)("p",null,"fingerprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-2-line"}),(0,e.kt)("p",null,"fingerprint-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-2-fill"}),(0,e.kt)("p",null,"fingerprint-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-line"}),(0,e.kt)("p",null,"barcode"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-fill"}),(0,e.kt)("p",null,"barcode")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-box-line"}),(0,e.kt)("p",null,"barcode-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-box-fill"}),(0,e.kt)("p",null,"barcode-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-code-line"}),(0,e.kt)("p",null,"qr-code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-code-fill"}),(0,e.kt)("p",null,"qr-code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-line"}),(0,e.kt)("p",null,"qr-scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-fill"}),(0,e.kt)("p",null,"qr-scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-2-line"}),(0,e.kt)("p",null,"qr-scan-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-2-fill"}),(0,e.kt)("p",null,"qr-scan-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-line"}),(0,e.kt)("p",null,"scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-fill"}),(0,e.kt)("p",null,"scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-2-line"}),(0,e.kt)("p",null,"scan-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-2-fill"}),(0,e.kt)("p",null,"scan-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rss-line"}),(0,e.kt)("p",null,"rss"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rss-fill"}),(0,e.kt)("p",null,"rss")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gps-line"}),(0,e.kt)("p",null,"gps"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gps-fill"}),(0,e.kt)("p",null,"gps")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-base-station-line"}),(0,e.kt)("p",null,"base-station"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-base-station-fill"}),(0,e.kt)("p",null,"base-station")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-line"}),(0,e.kt)("p",null,"bluetooth"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-fill"}),(0,e.kt)("p",null,"bluetooth")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-connect-line"}),(0,e.kt)("p",null,"bluetooth-connect"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-connect-fill"}),(0,e.kt)("p",null,"bluetooth-connect")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-line"}),(0,e.kt)("p",null,"wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-fill"}),(0,e.kt)("p",null,"wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-off-line"}),(0,e.kt)("p",null,"wifi-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-off-fill"}),(0,e.kt)("p",null,"wifi-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-line"}),(0,e.kt)("p",null,"signal-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-fill"}),(0,e.kt)("p",null,"signal-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-1-line"}),(0,e.kt)("p",null,"signal-wifi-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-1-fill"}),(0,e.kt)("p",null,"signal-wifi-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-2-line"}),(0,e.kt)("p",null,"signal-wifi-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-2-fill"}),(0,e.kt)("p",null,"signal-wifi-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-3-line"}),(0,e.kt)("p",null,"signal-wifi-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-3-fill"}),(0,e.kt)("p",null,"signal-wifi-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-error-line"}),(0,e.kt)("p",null,"signal-wifi-error"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-error-fill"}),(0,e.kt)("p",null,"signal-wifi-error")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-off-line"}),(0,e.kt)("p",null,"signal-wifi-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-off-fill"}),(0,e.kt)("p",null,"signal-wifi-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wireless-charging-line"}),(0,e.kt)("p",null,"wireless-charging"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wireless-charging-fill"}),(0,e.kt)("p",null,"wireless-charging")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-2-line"}),(0,e.kt)("p",null,"dashboard-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-2-fill"}),(0,e.kt)("p",null,"dashboard-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-3-line"}),(0,e.kt)("p",null,"dashboard-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-3-fill"}),(0,e.kt)("p",null,"dashboard-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-usb-line"}),(0,e.kt)("p",null,"usb"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-usb-fill"}),(0,e.kt)("p",null,"usb"))))),(0,e.kt)("h3",{id:"device"},"Device")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-line"}),(0,e.kt)("p",null,"file"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-fill"}),(0,e.kt)("p",null,"file")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-2-line"}),(0,e.kt)("p",null,"file-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-2-fill"}),(0,e.kt)("p",null,"file-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-3-line"}),(0,e.kt)("p",null,"file-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-3-fill"}),(0,e.kt)("p",null,"file-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-4-line"}),(0,e.kt)("p",null,"file-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-4-fill"}),(0,e.kt)("p",null,"file-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-line"}),(0,e.kt)("p",null,"sticky-note"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-fill"}),(0,e.kt)("p",null,"sticky-note")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-2-line"}),(0,e.kt)("p",null,"sticky-note-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-2-fill"}),(0,e.kt)("p",null,"sticky-note-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-edit-line"}),(0,e.kt)("p",null,"file-edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-edit-fill"}),(0,e.kt)("p",null,"file-edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-draft-line"}),(0,e.kt)("p",null,"draft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-draft-fill"}),(0,e.kt)("p",null,"draft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-line"}),(0,e.kt)("p",null,"file-paper"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-fill"}),(0,e.kt)("p",null,"file-paper")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-2-line"}),(0,e.kt)("p",null,"file-paper-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-2-fill"}),(0,e.kt)("p",null,"file-paper-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-text-line"}),(0,e.kt)("p",null,"file-text"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-text-fill"}),(0,e.kt)("p",null,"file-text")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-line"}),(0,e.kt)("p",null,"file-list"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-fill"}),(0,e.kt)("p",null,"file-list")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-2-line"}),(0,e.kt)("p",null,"file-list-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-2-fill"}),(0,e.kt)("p",null,"file-list-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-3-line"}),(0,e.kt)("p",null,"file-list-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-3-fill"}),(0,e.kt)("p",null,"file-list-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bill-line"}),(0,e.kt)("p",null,"bill"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bill-fill"}),(0,e.kt)("p",null,"bill")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-line"}),(0,e.kt)("p",null,"file-copy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-fill"}),(0,e.kt)("p",null,"file-copy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-2-line"}),(0,e.kt)("p",null,"file-copy-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-2-fill"}),(0,e.kt)("p",null,"file-copy-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clipboard-line"}),(0,e.kt)("p",null,"clipboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clipboard-fill"}),(0,e.kt)("p",null,"clipboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-survey-line"}),(0,e.kt)("p",null,"survey"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-survey-fill"}),(0,e.kt)("p",null,"survey")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-article-line"}),(0,e.kt)("p",null,"article"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-article-fill"}),(0,e.kt)("p",null,"article")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-newspaper-line"}),(0,e.kt)("p",null,"newspaper"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-newspaper-fill"}),(0,e.kt)("p",null,"newspaper")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-zip-line"}),(0,e.kt)("p",null,"file-zip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-zip-fill"}),(0,e.kt)("p",null,"file-zip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-mark-line"}),(0,e.kt)("p",null,"file-mark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-mark-fill"}),(0,e.kt)("p",null,"file-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-task-line"}),(0,e.kt)("p",null,"task"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-task-fill"}),(0,e.kt)("p",null,"task")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-todo-line"}),(0,e.kt)("p",null,"todo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-todo-fill"}),(0,e.kt)("p",null,"todo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-line"}),(0,e.kt)("p",null,"book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-fill"}),(0,e.kt)("p",null,"book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-mark-line"}),(0,e.kt)("p",null,"book-mark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-mark-fill"}),(0,e.kt)("p",null,"book-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-2-line"}),(0,e.kt)("p",null,"book-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-2-fill"}),(0,e.kt)("p",null,"book-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-3-line"}),(0,e.kt)("p",null,"book-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-3-fill"}),(0,e.kt)("p",null,"book-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-open-line"}),(0,e.kt)("p",null,"book-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-open-fill"}),(0,e.kt)("p",null,"book-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-read-line"}),(0,e.kt)("p",null,"book-read"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-read-fill"}),(0,e.kt)("p",null,"book-read")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-line"}),(0,e.kt)("p",null,"contacts-book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-fill"}),(0,e.kt)("p",null,"contacts-book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-2-line"}),(0,e.kt)("p",null,"contacts-book-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-2-fill"}),(0,e.kt)("p",null,"contacts-book-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-upload-line"}),(0,e.kt)("p",null,"contacts-book-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-upload-fill"}),(0,e.kt)("p",null,"contacts-book-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-booklet-line"}),(0,e.kt)("p",null,"booklet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-booklet-fill"}),(0,e.kt)("p",null,"booklet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-code-line"}),(0,e.kt)("p",null,"file-code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-code-fill"}),(0,e.kt)("p",null,"file-code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-pdf-line"}),(0,e.kt)("p",null,"file-pdf"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-pdf-fill"}),(0,e.kt)("p",null,"file-pdf")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-line"}),(0,e.kt)("p",null,"file-word"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-fill"}),(0,e.kt)("p",null,"file-word")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-line"}),(0,e.kt)("p",null,"file-ppt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-fill"}),(0,e.kt)("p",null,"file-ppt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-line"}),(0,e.kt)("p",null,"file-excel"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-fill"}),(0,e.kt)("p",null,"file-excel")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-2-line"}),(0,e.kt)("p",null,"file-word-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-2-fill"}),(0,e.kt)("p",null,"file-word-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-2-line"}),(0,e.kt)("p",null,"file-ppt-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-2-fill"}),(0,e.kt)("p",null,"file-ppt-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-2-line"}),(0,e.kt)("p",null,"file-excel-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-2-fill"}),(0,e.kt)("p",null,"file-excel-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-hwp-line"}),(0,e.kt)("p",null,"file-hwp"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-hwp-fill"}),(0,e.kt)("p",null,"file-hwp")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keynote-line"}),(0,e.kt)("p",null,"keynote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keynote-fill"}),(0,e.kt)("p",null,"keynote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-numbers-line"}),(0,e.kt)("p",null,"numbers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-numbers-fill"}),(0,e.kt)("p",null,"numbers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pages-line"}),(0,e.kt)("p",null,"pages"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pages-fill"}),(0,e.kt)("p",null,"pages")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-search-line"}),(0,e.kt)("p",null,"file-search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-search-fill"}),(0,e.kt)("p",null,"file-search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-add-line"}),(0,e.kt)("p",null,"file-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-add-fill"}),(0,e.kt)("p",null,"file-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-reduce-line"}),(0,e.kt)("p",null,"file-reduce"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-reduce-fill"}),(0,e.kt)("p",null,"file-reduce")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-settings-line"}),(0,e.kt)("p",null,"file-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-settings-fill"}),(0,e.kt)("p",null,"file-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-upload-line"}),(0,e.kt)("p",null,"file-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-upload-fill"}),(0,e.kt)("p",null,"file-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-transfer-line"}),(0,e.kt)("p",null,"file-transfer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-transfer-fill"}),(0,e.kt)("p",null,"file-transfer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-download-line"}),(0,e.kt)("p",null,"file-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-download-fill"}),(0,e.kt)("p",null,"file-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-lock-line"}),(0,e.kt)("p",null,"file-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-lock-fill"}),(0,e.kt)("p",null,"file-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-line"}),(0,e.kt)("p",null,"file-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-fill"}),(0,e.kt)("p",null,"file-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-2-line"}),(0,e.kt)("p",null,"file-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-2-fill"}),(0,e.kt)("p",null,"file-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-music-line"}),(0,e.kt)("p",null,"file-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-music-fill"}),(0,e.kt)("p",null,"file-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-gif-line"}),(0,e.kt)("p",null,"file-gif"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-gif-fill"}),(0,e.kt)("p",null,"file-gif")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-forbid-line"}),(0,e.kt)("p",null,"file-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-forbid-fill"}),(0,e.kt)("p",null,"file-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-info-line"}),(0,e.kt)("p",null,"file-info"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-info-fill"}),(0,e.kt)("p",null,"file-info")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-warning-line"}),(0,e.kt)("p",null,"file-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-warning-fill"}),(0,e.kt)("p",null,"file-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-unknow-line"}),(0,e.kt)("p",null,"file-unknow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-unknow-fill"}),(0,e.kt)("p",null,"file-unknow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-user-line"}),(0,e.kt)("p",null,"file-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-user-fill"}),(0,e.kt)("p",null,"file-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-line"}),(0,e.kt)("p",null,"file-shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-fill"}),(0,e.kt)("p",null,"file-shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-2-line"}),(0,e.kt)("p",null,"file-shield-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-2-fill"}),(0,e.kt)("p",null,"file-shield-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-damage-line"}),(0,e.kt)("p",null,"file-damage"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-damage-fill"}),(0,e.kt)("p",null,"file-damage")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-history-line"}),(0,e.kt)("p",null,"file-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-history-fill"}),(0,e.kt)("p",null,"file-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shred-line"}),(0,e.kt)("p",null,"file-shred"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shred-fill"}),(0,e.kt)("p",null,"file-shred")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-cloud-line"}),(0,e.kt)("p",null,"file-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-cloud-fill"}),(0,e.kt)("p",null,"file-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-line"}),(0,e.kt)("p",null,"folder"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-fill"}),(0,e.kt)("p",null,"folder")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-2-line"}),(0,e.kt)("p",null,"folder-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-2-fill"}),(0,e.kt)("p",null,"folder-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-3-line"}),(0,e.kt)("p",null,"folder-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-3-fill"}),(0,e.kt)("p",null,"folder-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-4-line"}),(0,e.kt)("p",null,"folder-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-4-fill"}),(0,e.kt)("p",null,"folder-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-5-line"}),(0,e.kt)("p",null,"folder-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-5-fill"}),(0,e.kt)("p",null,"folder-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folders-line"}),(0,e.kt)("p",null,"folders"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folders-fill"}),(0,e.kt)("p",null,"folders")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-add-line"}),(0,e.kt)("p",null,"folder-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-add-fill"}),(0,e.kt)("p",null,"folder-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-reduce-line"}),(0,e.kt)("p",null,"folder-reduce"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-reduce-fill"}),(0,e.kt)("p",null,"folder-reduce")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-settings-line"}),(0,e.kt)("p",null,"folder-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-settings-fill"}),(0,e.kt)("p",null,"folder-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-upload-line"}),(0,e.kt)("p",null,"folder-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-upload-fill"}),(0,e.kt)("p",null,"folder-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-transfer-line"}),(0,e.kt)("p",null,"folder-transfer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-transfer-fill"}),(0,e.kt)("p",null,"folder-transfer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-download-line"}),(0,e.kt)("p",null,"folder-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-download-fill"}),(0,e.kt)("p",null,"folder-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-lock-line"}),(0,e.kt)("p",null,"folder-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-lock-fill"}),(0,e.kt)("p",null,"folder-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-line"}),(0,e.kt)("p",null,"folder-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-fill"}),(0,e.kt)("p",null,"folder-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-2-line"}),(0,e.kt)("p",null,"folder-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-2-fill"}),(0,e.kt)("p",null,"folder-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-music-line"}),(0,e.kt)("p",null,"folder-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-music-fill"}),(0,e.kt)("p",null,"folder-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-forbid-line"}),(0,e.kt)("p",null,"folder-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-forbid-fill"}),(0,e.kt)("p",null,"folder-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-info-line"}),(0,e.kt)("p",null,"folder-info"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-info-fill"}),(0,e.kt)("p",null,"folder-info")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-warning-line"}),(0,e.kt)("p",null,"folder-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-warning-fill"}),(0,e.kt)("p",null,"folder-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-unknow-line"}),(0,e.kt)("p",null,"folder-unknow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-unknow-fill"}),(0,e.kt)("p",null,"folder-unknow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-user-line"}),(0,e.kt)("p",null,"folder-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-user-fill"}),(0,e.kt)("p",null,"folder-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-line"}),(0,e.kt)("p",null,"folder-shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-fill"}),(0,e.kt)("p",null,"folder-shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-2-line"}),(0,e.kt)("p",null,"folder-shield-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-2-fill"}),(0,e.kt)("p",null,"folder-shield-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shared-line"}),(0,e.kt)("p",null,"folder-shared"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shared-fill"}),(0,e.kt)("p",null,"folder-shared")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-received-line"}),(0,e.kt)("p",null,"folder-received"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-received-fill"}),(0,e.kt)("p",null,"folder-received")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-open-line"}),(0,e.kt)("p",null,"folder-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-open-fill"}),(0,e.kt)("p",null,"folder-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-keyhole-line"}),(0,e.kt)("p",null,"folder-keyhole"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-keyhole-fill"}),(0,e.kt)("p",null,"folder-keyhole")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-zip-line"}),(0,e.kt)("p",null,"folder-zip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-zip-fill"}),(0,e.kt)("p",null,"folder-zip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-history-line"}),(0,e.kt)("p",null,"folder-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-history-fill"}),(0,e.kt)("p",null,"folder-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markdown-line"}),(0,e.kt)("p",null,"markdown"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markdown-fill"}),(0,e.kt)("p",null,"markdown"))))),(0,e.kt)("h3",{id:"document"},"Document")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bold"}),(0,e.kt)("p",null,"bold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-italic"}),(0,e.kt)("p",null,"italic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heading"}),(0,e.kt)("p",null,"heading")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text"}),(0,e.kt)("p",null,"text")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-color"}),(0,e.kt)("p",null,"font-color")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-size"}),(0,e.kt)("p",null,"font-size")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-size-2"}),(0,e.kt)("p",null,"font-size-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-underline"}),(0,e.kt)("p",null,"underline")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emphasis"}),(0,e.kt)("p",null,"emphasis")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emphasis-cn"}),(0,e.kt)("p",null,"emphasis-cn")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-strikethrough"}),(0,e.kt)("p",null,"strikethrough")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-strikethrough-2"}),(0,e.kt)("p",null,"strikethrough-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-format-clear"}),(0,e.kt)("p",null,"format-clear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-left"}),(0,e.kt)("p",null,"align-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-center"}),(0,e.kt)("p",null,"align-center")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-right"}),(0,e.kt)("p",null,"align-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-justify"}),(0,e.kt)("p",null,"align-justify")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-top"}),(0,e.kt)("p",null,"align-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-vertically"}),(0,e.kt)("p",null,"align-vertically")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-bottom"}),(0,e.kt)("p",null,"align-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-check"}),(0,e.kt)("p",null,"list-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-check-2"}),(0,e.kt)("p",null,"list-check-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-ordered"}),(0,e.kt)("p",null,"list-ordered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-unordered"}),(0,e.kt)("p",null,"list-unordered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indent-decrease"}),(0,e.kt)("p",null,"indent-decrease")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indent-increase"}),(0,e.kt)("p",null,"indent-increase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-height"}),(0,e.kt)("p",null,"line-height")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-spacing"}),(0,e.kt)("p",null,"text-spacing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-wrap"}),(0,e.kt)("p",null,"text-wrap")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-2"}),(0,e.kt)("p",null,"attachment-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link"}),(0,e.kt)("p",null,"link")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-unlink"}),(0,e.kt)("p",null,"link-unlink")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-m"}),(0,e.kt)("p",null,"link-m")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-unlink-m"}),(0,e.kt)("p",null,"link-unlink-m")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-separator"}),(0,e.kt)("p",null,"separator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space"}),(0,e.kt)("p",null,"space")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-page-separator"}),(0,e.kt)("p",null,"page-separator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-view"}),(0,e.kt)("p",null,"code-view")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-double-quotes-l"}),(0,e.kt)("p",null,"double-quotes-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-double-quotes-r"}),(0,e.kt)("p",null,"double-quotes-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-single-quotes-l"}),(0,e.kt)("p",null,"single-quotes-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-single-quotes-r"}),(0,e.kt)("p",null,"single-quotes-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-2"}),(0,e.kt)("p",null,"table-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subscript"}),(0,e.kt)("p",null,"subscript")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subscript-2"}),(0,e.kt)("p",null,"subscript-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-superscript"}),(0,e.kt)("p",null,"superscript")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-superscript-2"}),(0,e.kt)("p",null,"superscript-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paragraph"}),(0,e.kt)("p",null,"paragraph")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-direction-l"}),(0,e.kt)("p",null,"text-direction-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-direction-r"}),(0,e.kt)("p",null,"text-direction-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-functions"}),(0,e.kt)("p",null,"functions")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-omega"}),(0,e.kt)("p",null,"omega")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hashtag"}),(0,e.kt)("p",null,"hashtag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-asterisk"}),(0,e.kt)("p",null,"asterisk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-mark"}),(0,e.kt)("p",null,"question-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-translate"}),(0,e.kt)("p",null,"translate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-translate-2"}),(0,e.kt)("p",null,"translate-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-a-b"}),(0,e.kt)("p",null,"a-b")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-english-input"}),(0,e.kt)("p",null,"english-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinyin-input"}),(0,e.kt)("p",null,"pinyin-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wubi-input"}),(0,e.kt)("p",null,"wubi-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-cursor-move"}),(0,e.kt)("p",null,"input-cursor-move")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-1"}),(0,e.kt)("p",null,"number-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-2"}),(0,e.kt)("p",null,"number-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-3"}),(0,e.kt)("p",null,"number-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-4"}),(0,e.kt)("p",null,"number-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-5"}),(0,e.kt)("p",null,"number-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-6"}),(0,e.kt)("p",null,"number-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-7"}),(0,e.kt)("p",null,"number-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-8"}),(0,e.kt)("p",null,"number-8")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-9"}),(0,e.kt)("p",null,"number-9")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-0"}),(0,e.kt)("p",null,"number-0")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sort-asc"}),(0,e.kt)("p",null,"sort-asc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sort-desc"}),(0,e.kt)("p",null,"sort-desc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bring-forward"}),(0,e.kt)("p",null,"bring-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-backward"}),(0,e.kt)("p",null,"send-backward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bring-to-front"}),(0,e.kt)("p",null,"bring-to-front")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-to-back"}),(0,e.kt)("p",null,"send-to-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-1"}),(0,e.kt)("p",null,"h-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-2"}),(0,e.kt)("p",null,"h-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-3"}),(0,e.kt)("p",null,"h-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-4"}),(0,e.kt)("p",null,"h-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-5"}),(0,e.kt)("p",null,"h-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-6"}),(0,e.kt)("p",null,"h-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-column-left"}),(0,e.kt)("p",null,"insert-column-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-column-right"}),(0,e.kt)("p",null,"insert-column-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-row-top"}),(0,e.kt)("p",null,"insert-row-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-row-bottom"}),(0,e.kt)("p",null,"insert-row-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-column"}),(0,e.kt)("p",null,"delete-column")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-row"}),(0,e.kt)("p",null,"delete-row")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-merge-cells-horizontal"}),(0,e.kt)("p",null,"merge-cells-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-merge-cells-vertical"}),(0,e.kt)("p",null,"merge-cells-vertical")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-split-cells-horizontal"}),(0,e.kt)("p",null,"split-cells-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-split-cells-vertical"}),(0,e.kt)("p",null,"split-cells-vertical")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flow-chart"}),(0,e.kt)("p",null,"flow-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mind-map"}),(0,e.kt)("p",null,"mind-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-node-tree"}),(0,e.kt)("p",null,"node-tree")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-organization-chart"}),(0,e.kt)("p",null,"organization-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rounded-corner"}),(0,e.kt)("p",null,"rounded-corner"))))),(0,e.kt)("h3",{id:"editor"},"Editor")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-line"}),(0,e.kt)("p",null,"wallet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-fill"}),(0,e.kt)("p",null,"wallet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-2-line"}),(0,e.kt)("p",null,"wallet-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-2-fill"}),(0,e.kt)("p",null,"wallet-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-3-line"}),(0,e.kt)("p",null,"wallet-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-3-fill"}),(0,e.kt)("p",null,"wallet-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-line"}),(0,e.kt)("p",null,"bank-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-fill"}),(0,e.kt)("p",null,"bank-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-2-line"}),(0,e.kt)("p",null,"bank-card-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-2-fill"}),(0,e.kt)("p",null,"bank-card-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-secure-payment-line"}),(0,e.kt)("p",null,"secure-payment"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-secure-payment-fill"}),(0,e.kt)("p",null,"secure-payment")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-line"}),(0,e.kt)("p",null,"refund"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-fill"}),(0,e.kt)("p",null,"refund")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-2-line"}),(0,e.kt)("p",null,"refund-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-2-fill"}),(0,e.kt)("p",null,"refund-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-line"}),(0,e.kt)("p",null,"safe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-fill"}),(0,e.kt)("p",null,"safe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-2-line"}),(0,e.kt)("p",null,"safe-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-2-fill"}),(0,e.kt)("p",null,"safe-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-line"}),(0,e.kt)("p",null,"price-tag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-fill"}),(0,e.kt)("p",null,"price-tag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-2-line"}),(0,e.kt)("p",null,"price-tag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-2-fill"}),(0,e.kt)("p",null,"price-tag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-3-line"}),(0,e.kt)("p",null,"price-tag-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-3-fill"}),(0,e.kt)("p",null,"price-tag-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-line"}),(0,e.kt)("p",null,"ticket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-fill"}),(0,e.kt)("p",null,"ticket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-2-line"}),(0,e.kt)("p",null,"ticket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-2-fill"}),(0,e.kt)("p",null,"ticket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-line"}),(0,e.kt)("p",null,"coupon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-fill"}),(0,e.kt)("p",null,"coupon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-2-line"}),(0,e.kt)("p",null,"coupon-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-2-fill"}),(0,e.kt)("p",null,"coupon-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-3-line"}),(0,e.kt)("p",null,"coupon-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-3-fill"}),(0,e.kt)("p",null,"coupon-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-4-line"}),(0,e.kt)("p",null,"coupon-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-4-fill"}),(0,e.kt)("p",null,"coupon-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-5-line"}),(0,e.kt)("p",null,"coupon-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-5-fill"}),(0,e.kt)("p",null,"coupon-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-line"}),(0,e.kt)("p",null,"shopping-bag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-fill"}),(0,e.kt)("p",null,"shopping-bag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-2-line"}),(0,e.kt)("p",null,"shopping-bag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-2-fill"}),(0,e.kt)("p",null,"shopping-bag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-3-line"}),(0,e.kt)("p",null,"shopping-bag-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-3-fill"}),(0,e.kt)("p",null,"shopping-bag-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-line"}),(0,e.kt)("p",null,"shopping-basket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-fill"}),(0,e.kt)("p",null,"shopping-basket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-2-line"}),(0,e.kt)("p",null,"shopping-basket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-2-fill"}),(0,e.kt)("p",null,"shopping-basket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-line"}),(0,e.kt)("p",null,"shopping-cart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-fill"}),(0,e.kt)("p",null,"shopping-cart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-2-line"}),(0,e.kt)("p",null,"shopping-cart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-2-fill"}),(0,e.kt)("p",null,"shopping-cart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-line"}),(0,e.kt)("p",null,"vip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-fill"}),(0,e.kt)("p",null,"vip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-line"}),(0,e.kt)("p",null,"vip-crown"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-fill"}),(0,e.kt)("p",null,"vip-crown")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-2-line"}),(0,e.kt)("p",null,"vip-crown-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-2-fill"}),(0,e.kt)("p",null,"vip-crown-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-diamond-line"}),(0,e.kt)("p",null,"vip-diamond"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-diamond-fill"}),(0,e.kt)("p",null,"vip-diamond")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trophy-line"}),(0,e.kt)("p",null,"trophy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trophy-fill"}),(0,e.kt)("p",null,"trophy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-line"}),(0,e.kt)("p",null,"exchange"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-fill"}),(0,e.kt)("p",null,"exchange")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-box-line"}),(0,e.kt)("p",null,"exchange-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-box-fill"}),(0,e.kt)("p",null,"exchange-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-line"}),(0,e.kt)("p",null,"swap"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-fill"}),(0,e.kt)("p",null,"swap")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-box-line"}),(0,e.kt)("p",null,"swap-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-box-fill"}),(0,e.kt)("p",null,"swap-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-dollar-line"}),(0,e.kt)("p",null,"exchange-dollar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-dollar-fill"}),(0,e.kt)("p",null,"exchange-dollar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-cny-line"}),(0,e.kt)("p",null,"exchange-cny"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-cny-fill"}),(0,e.kt)("p",null,"exchange-cny")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-funds-line"}),(0,e.kt)("p",null,"exchange-funds"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-funds-fill"}),(0,e.kt)("p",null,"exchange-funds")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-increase-decrease-line"}),(0,e.kt)("p",null,"increase-decrease"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-increase-decrease-fill"}),(0,e.kt)("p",null,"increase-decrease")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-percent-line"}),(0,e.kt)("p",null,"percent"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-percent-fill"}),(0,e.kt)("p",null,"percent")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-coin-line"}),(0,e.kt)("p",null,"copper-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-coin-fill"}),(0,e.kt)("p",null,"copper-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-diamond-line"}),(0,e.kt)("p",null,"copper-diamond"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-diamond-fill"}),(0,e.kt)("p",null,"copper-diamond")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-box-line"}),(0,e.kt)("p",null,"money-cny-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-box-fill"}),(0,e.kt)("p",null,"money-cny-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-circle-line"}),(0,e.kt)("p",null,"money-cny-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-circle-fill"}),(0,e.kt)("p",null,"money-cny-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-box-line"}),(0,e.kt)("p",null,"money-dollar-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-box-fill"}),(0,e.kt)("p",null,"money-dollar-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-circle-line"}),(0,e.kt)("p",null,"money-dollar-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-circle-fill"}),(0,e.kt)("p",null,"money-dollar-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-box-line"}),(0,e.kt)("p",null,"money-euro-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-box-fill"}),(0,e.kt)("p",null,"money-euro-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-circle-line"}),(0,e.kt)("p",null,"money-euro-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-circle-fill"}),(0,e.kt)("p",null,"money-euro-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-box-line"}),(0,e.kt)("p",null,"money-pound-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-box-fill"}),(0,e.kt)("p",null,"money-pound-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-circle-line"}),(0,e.kt)("p",null,"money-pound-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-circle-fill"}),(0,e.kt)("p",null,"money-pound-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bit-coin-line"}),(0,e.kt)("p",null,"bit-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bit-coin-fill"}),(0,e.kt)("p",null,"bit-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coin-line"}),(0,e.kt)("p",null,"coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coin-fill"}),(0,e.kt)("p",null,"coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coins-line"}),(0,e.kt)("p",null,"coins"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coins-fill"}),(0,e.kt)("p",null,"coins")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-currency-line"}),(0,e.kt)("p",null,"currency"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-currency-fill"}),(0,e.kt)("p",null,"currency")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-line"}),(0,e.kt)("p",null,"funds"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-fill"}),(0,e.kt)("p",null,"funds")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-box-line"}),(0,e.kt)("p",null,"funds-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-box-fill"}),(0,e.kt)("p",null,"funds-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-red-packet-line"}),(0,e.kt)("p",null,"red-packet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-red-packet-fill"}),(0,e.kt)("p",null,"red-packet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-water-flash-line"}),(0,e.kt)("p",null,"water-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-water-flash-fill"}),(0,e.kt)("p",null,"water-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stock-line"}),(0,e.kt)("p",null,"stock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stock-fill"}),(0,e.kt)("p",null,"stock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-auction-line"}),(0,e.kt)("p",null,"auction"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-auction-fill"}),(0,e.kt)("p",null,"auction")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-line"}),(0,e.kt)("p",null,"gift"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-fill"}),(0,e.kt)("p",null,"gift")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-2-line"}),(0,e.kt)("p",null,"gift-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-2-fill"}),(0,e.kt)("p",null,"gift-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-coin-line"}),(0,e.kt)("p",null,"hand-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-coin-fill"}),(0,e.kt)("p",null,"hand-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-heart-line"}),(0,e.kt)("p",null,"hand-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-heart-fill"}),(0,e.kt)("p",null,"hand-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-24-hours-line"}),(0,e.kt)("p",null,"24-hours"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-24-hours-fill"}),(0,e.kt)("p",null,"24-hours"))))),(0,e.kt)("h3",{id:"finance"},"Finance")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-line"}),(0,e.kt)("p",null,"heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-fill"}),(0,e.kt)("p",null,"heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-2-line"}),(0,e.kt)("p",null,"heart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-2-fill"}),(0,e.kt)("p",null,"heart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-3-line"}),(0,e.kt)("p",null,"heart-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-3-fill"}),(0,e.kt)("p",null,"heart-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-add-line"}),(0,e.kt)("p",null,"heart-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-add-fill"}),(0,e.kt)("p",null,"heart-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dislike-line"}),(0,e.kt)("p",null,"dislike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dislike-fill"}),(0,e.kt)("p",null,"dislike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hearts-line"}),(0,e.kt)("p",null,"hearts"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hearts-fill"}),(0,e.kt)("p",null,"hearts")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-pulse-line"}),(0,e.kt)("p",null,"heart-pulse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-pulse-fill"}),(0,e.kt)("p",null,"heart-pulse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pulse-line"}),(0,e.kt)("p",null,"pulse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pulse-fill"}),(0,e.kt)("p",null,"pulse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-empathize-line"}),(0,e.kt)("p",null,"empathize"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-empathize-fill"}),(0,e.kt)("p",null,"empathize")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-nurse-line"}),(0,e.kt)("p",null,"nurse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-nurse-fill"}),(0,e.kt)("p",null,"nurse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dossier-line"}),(0,e.kt)("p",null,"dossier"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dossier-fill"}),(0,e.kt)("p",null,"dossier")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-health-book-line"}),(0,e.kt)("p",null,"health-book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-health-book-fill"}),(0,e.kt)("p",null,"health-book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-first-aid-kit-line"}),(0,e.kt)("p",null,"first-aid-kit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-first-aid-kit-fill"}),(0,e.kt)("p",null,"first-aid-kit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-capsule-line"}),(0,e.kt)("p",null,"capsule"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-capsule-fill"}),(0,e.kt)("p",null,"capsule")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medicine-bottle-line"}),(0,e.kt)("p",null,"medicine-bottle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medicine-bottle-fill"}),(0,e.kt)("p",null,"medicine-bottle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flask-line"}),(0,e.kt)("p",null,"flask"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flask-fill"}),(0,e.kt)("p",null,"flask")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-test-tube-line"}),(0,e.kt)("p",null,"test-tube"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-test-tube-fill"}),(0,e.kt)("p",null,"test-tube")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microscope-line"}),(0,e.kt)("p",null,"microscope"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microscope-fill"}),(0,e.kt)("p",null,"microscope")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-sanitizer-line"}),(0,e.kt)("p",null,"hand-sanitizer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-sanitizer-fill"}),(0,e.kt)("p",null,"hand-sanitizer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mental-health-line"}),(0,e.kt)("p",null,"mental-health"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mental-health-fill"}),(0,e.kt)("p",null,"mental-health")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-psychotherapy-line"}),(0,e.kt)("p",null,"psychotherapy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-psychotherapy-fill"}),(0,e.kt)("p",null,"psychotherapy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stethoscope-line"}),(0,e.kt)("p",null,"stethoscope"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stethoscope-fill"}),(0,e.kt)("p",null,"stethoscope")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-syringe-line"}),(0,e.kt)("p",null,"syringe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-syringe-fill"}),(0,e.kt)("p",null,"syringe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thermometer-line"}),(0,e.kt)("p",null,"thermometer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thermometer-fill"}),(0,e.kt)("p",null,"thermometer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-infrared-thermometer-line"}),(0,e.kt)("p",null,"infrared-thermometer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-infrared-thermometer-fill"}),(0,e.kt)("p",null,"infrared-thermometer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surgical-mask-line"}),(0,e.kt)("p",null,"surgical-mask"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surgical-mask-fill"}),(0,e.kt)("p",null,"surgical-mask")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-virus-line"}),(0,e.kt)("p",null,"virus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-virus-fill"}),(0,e.kt)("p",null,"virus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lungs-line"}),(0,e.kt)("p",null,"lungs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lungs-fill"}),(0,e.kt)("p",null,"lungs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rest-time-line"}),(0,e.kt)("p",null,"rest-time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rest-time-fill"}),(0,e.kt)("p",null,"rest-time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zzz-line"}),(0,e.kt)("p",null,"zzz"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zzz-fill"}),(0,e.kt)("p",null,"zzz"))))),(0,e.kt)("h3",{id:"health--medical"},"Health ","&"," Medical")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alipay-line"}),(0,e.kt)("p",null,"alipay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alipay-fill"}),(0,e.kt)("p",null,"alipay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-amazon-line"}),(0,e.kt)("p",null,"amazon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-amazon-fill"}),(0,e.kt)("p",null,"amazon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-android-line"}),(0,e.kt)("p",null,"android"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-android-fill"}),(0,e.kt)("p",null,"android")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-angularjs-line"}),(0,e.kt)("p",null,"angularjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-angularjs-fill"}),(0,e.kt)("p",null,"angularjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-app-store-line"}),(0,e.kt)("p",null,"app-store"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-app-store-fill"}),(0,e.kt)("p",null,"app-store")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apple-line"}),(0,e.kt)("p",null,"apple"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apple-fill"}),(0,e.kt)("p",null,"apple")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-baidu-line"}),(0,e.kt)("p",null,"baidu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-baidu-fill"}),(0,e.kt)("p",null,"baidu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-behance-line"}),(0,e.kt)("p",null,"behance"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-behance-fill"}),(0,e.kt)("p",null,"behance")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bilibili-line"}),(0,e.kt)("p",null,"bilibili"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bilibili-fill"}),(0,e.kt)("p",null,"bilibili")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-centos-line"}),(0,e.kt)("p",null,"centos"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-centos-fill"}),(0,e.kt)("p",null,"centos")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chrome-line"}),(0,e.kt)("p",null,"chrome"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chrome-fill"}),(0,e.kt)("p",null,"chrome")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-codepen-line"}),(0,e.kt)("p",null,"codepen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-codepen-fill"}),(0,e.kt)("p",null,"codepen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coreos-line"}),(0,e.kt)("p",null,"coreos"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coreos-fill"}),(0,e.kt)("p",null,"coreos")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dingding-line"}),(0,e.kt)("p",null,"dingding"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dingding-fill"}),(0,e.kt)("p",null,"dingding")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discord-line"}),(0,e.kt)("p",null,"discord"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discord-fill"}),(0,e.kt)("p",null,"discord")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disqus-line"}),(0,e.kt)("p",null,"disqus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disqus-fill"}),(0,e.kt)("p",null,"disqus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-douban-line"}),(0,e.kt)("p",null,"douban"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-douban-fill"}),(0,e.kt)("p",null,"douban")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dribbble-line"}),(0,e.kt)("p",null,"dribbble"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dribbble-fill"}),(0,e.kt)("p",null,"dribbble")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drive-line"}),(0,e.kt)("p",null,"drive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drive-fill"}),(0,e.kt)("p",null,"drive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dropbox-line"}),(0,e.kt)("p",null,"dropbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dropbox-fill"}),(0,e.kt)("p",null,"dropbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edge-line"}),(0,e.kt)("p",null,"edge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edge-fill"}),(0,e.kt)("p",null,"edge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-evernote-line"}),(0,e.kt)("p",null,"evernote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-evernote-fill"}),(0,e.kt)("p",null,"evernote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-line"}),(0,e.kt)("p",null,"facebook"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-fill"}),(0,e.kt)("p",null,"facebook")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-circle-line"}),(0,e.kt)("p",null,"facebook-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-circle-fill"}),(0,e.kt)("p",null,"facebook-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-box-line"}),(0,e.kt)("p",null,"facebook-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-box-fill"}),(0,e.kt)("p",null,"facebook-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-finder-line"}),(0,e.kt)("p",null,"finder"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-finder-fill"}),(0,e.kt)("p",null,"finder")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-firefox-line"}),(0,e.kt)("p",null,"firefox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-firefox-fill"}),(0,e.kt)("p",null,"firefox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flutter-line"}),(0,e.kt)("p",null,"flutter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flutter-fill"}),(0,e.kt)("p",null,"flutter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gatsby-line"}),(0,e.kt)("p",null,"gatsby"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gatsby-fill"}),(0,e.kt)("p",null,"gatsby")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-github-line"}),(0,e.kt)("p",null,"github"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-github-fill"}),(0,e.kt)("p",null,"github")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gitlab-line"}),(0,e.kt)("p",null,"gitlab"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gitlab-fill"}),(0,e.kt)("p",null,"gitlab")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-line"}),(0,e.kt)("p",null,"google"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-fill"}),(0,e.kt)("p",null,"google")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-play-line"}),(0,e.kt)("p",null,"google-play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-play-fill"}),(0,e.kt)("p",null,"google-play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honor-of-kings-line"}),(0,e.kt)("p",null,"honor-of-kings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honor-of-kings-fill"}),(0,e.kt)("p",null,"honor-of-kings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ie-line"}),(0,e.kt)("p",null,"ie"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ie-fill"}),(0,e.kt)("p",null,"ie")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-instagram-line"}),(0,e.kt)("p",null,"instagram"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-instagram-fill"}),(0,e.kt)("p",null,"instagram")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-invision-line"}),(0,e.kt)("p",null,"invision"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-invision-fill"}),(0,e.kt)("p",null,"invision")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-kakao-talk-line"}),(0,e.kt)("p",null,"kakao-talk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-kakao-talk-fill"}),(0,e.kt)("p",null,"kakao-talk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-line"}),(0,e.kt)("p",null,"line"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-fill"}),(0,e.kt)("p",null,"line")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-line"}),(0,e.kt)("p",null,"linkedin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-fill"}),(0,e.kt)("p",null,"linkedin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-box-line"}),(0,e.kt)("p",null,"linkedin-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-box-fill"}),(0,e.kt)("p",null,"linkedin-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastercard-line"}),(0,e.kt)("p",null,"mastercard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastercard-fill"}),(0,e.kt)("p",null,"mastercard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastodon-line"}),(0,e.kt)("p",null,"mastodon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastodon-fill"}),(0,e.kt)("p",null,"mastodon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medium-line"}),(0,e.kt)("p",null,"medium"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medium-fill"}),(0,e.kt)("p",null,"medium")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-messenger-line"}),(0,e.kt)("p",null,"messenger"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-messenger-fill"}),(0,e.kt)("p",null,"messenger")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microsoft-line"}),(0,e.kt)("p",null,"microsoft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microsoft-fill"}),(0,e.kt)("p",null,"microsoft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mini-program-line"}),(0,e.kt)("p",null,"mini-program"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mini-program-fill"}),(0,e.kt)("p",null,"mini-program")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netease-cloud-music-line"}),(0,e.kt)("p",null,"netease-cloud-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netease-cloud-music-fill"}),(0,e.kt)("p",null,"netease-cloud-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netflix-line"}),(0,e.kt)("p",null,"netflix"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netflix-fill"}),(0,e.kt)("p",null,"netflix")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-npmjs-line"}),(0,e.kt)("p",null,"npmjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-npmjs-fill"}),(0,e.kt)("p",null,"npmjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-source-line"}),(0,e.kt)("p",null,"open-source"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-source-fill"}),(0,e.kt)("p",null,"open-source")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-opera-line"}),(0,e.kt)("p",null,"opera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-opera-fill"}),(0,e.kt)("p",null,"opera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-patreon-line"}),(0,e.kt)("p",null,"patreon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-patreon-fill"}),(0,e.kt)("p",null,"patreon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paypal-line"}),(0,e.kt)("p",null,"paypal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paypal-fill"}),(0,e.kt)("p",null,"paypal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinterest-line"}),(0,e.kt)("p",null,"pinterest"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinterest-fill"}),(0,e.kt)("p",null,"pinterest")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pixelfed-line"}),(0,e.kt)("p",null,"pixelfed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pixelfed-fill"}),(0,e.kt)("p",null,"pixelfed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-playstation-line"}),(0,e.kt)("p",null,"playstation"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-playstation-fill"}),(0,e.kt)("p",null,"playstation")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-product-hunt-line"}),(0,e.kt)("p",null,"product-hunt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-product-hunt-fill"}),(0,e.kt)("p",null,"product-hunt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qq-line"}),(0,e.kt)("p",null,"qq"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qq-fill"}),(0,e.kt)("p",null,"qq")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reactjs-line"}),(0,e.kt)("p",null,"reactjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reactjs-fill"}),(0,e.kt)("p",null,"reactjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reddit-line"}),(0,e.kt)("p",null,"reddit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reddit-fill"}),(0,e.kt)("p",null,"reddit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remixicon-line"}),(0,e.kt)("p",null,"remixicon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remixicon-fill"}),(0,e.kt)("p",null,"remixicon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safari-line"}),(0,e.kt)("p",null,"safari"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safari-fill"}),(0,e.kt)("p",null,"safari")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skype-line"}),(0,e.kt)("p",null,"skype"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skype-fill"}),(0,e.kt)("p",null,"skype")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slack-line"}),(0,e.kt)("p",null,"slack"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slack-fill"}),(0,e.kt)("p",null,"slack")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snapchat-line"}),(0,e.kt)("p",null,"snapchat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snapchat-fill"}),(0,e.kt)("p",null,"snapchat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-soundcloud-line"}),(0,e.kt)("p",null,"soundcloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-soundcloud-fill"}),(0,e.kt)("p",null,"soundcloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spectrum-line"}),(0,e.kt)("p",null,"spectrum"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spectrum-fill"}),(0,e.kt)("p",null,"spectrum")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spotify-line"}),(0,e.kt)("p",null,"spotify"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spotify-fill"}),(0,e.kt)("p",null,"spotify")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-overflow-line"}),(0,e.kt)("p",null,"stack-overflow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-overflow-fill"}),(0,e.kt)("p",null,"stack-overflow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stackshare-line"}),(0,e.kt)("p",null,"stackshare"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stackshare-fill"}),(0,e.kt)("p",null,"stackshare")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steam-line"}),(0,e.kt)("p",null,"steam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steam-fill"}),(0,e.kt)("p",null,"steam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-switch-line"}),(0,e.kt)("p",null,"switch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-switch-fill"}),(0,e.kt)("p",null,"switch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taobao-line"}),(0,e.kt)("p",null,"taobao"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taobao-fill"}),(0,e.kt)("p",null,"taobao")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-telegram-line"}),(0,e.kt)("p",null,"telegram"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-telegram-fill"}),(0,e.kt)("p",null,"telegram")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trello-line"}),(0,e.kt)("p",null,"trello"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trello-fill"}),(0,e.kt)("p",null,"trello")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tumblr-line"}),(0,e.kt)("p",null,"tumblr"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tumblr-fill"}),(0,e.kt)("p",null,"tumblr")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitch-line"}),(0,e.kt)("p",null,"twitch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitch-fill"}),(0,e.kt)("p",null,"twitch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitter-line"}),(0,e.kt)("p",null,"twitter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitter-fill"}),(0,e.kt)("p",null,"twitter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ubuntu-line"}),(0,e.kt)("p",null,"ubuntu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ubuntu-fill"}),(0,e.kt)("p",null,"ubuntu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-unsplash-line"}),(0,e.kt)("p",null,"unsplash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-unsplash-fill"}),(0,e.kt)("p",null,"unsplash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vimeo-line"}),(0,e.kt)("p",null,"vimeo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vimeo-fill"}),(0,e.kt)("p",null,"vimeo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-visa-line"}),(0,e.kt)("p",null,"visa"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-visa-fill"}),(0,e.kt)("p",null,"visa")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vuejs-line"}),(0,e.kt)("p",null,"vuejs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vuejs-fill"}),(0,e.kt)("p",null,"vuejs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-line"}),(0,e.kt)("p",null,"wechat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-fill"}),(0,e.kt)("p",null,"wechat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-2-line"}),(0,e.kt)("p",null,"wechat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-2-fill"}),(0,e.kt)("p",null,"wechat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-pay-line"}),(0,e.kt)("p",null,"wechat-pay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-pay-fill"}),(0,e.kt)("p",null,"wechat-pay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-weibo-line"}),(0,e.kt)("p",null,"weibo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-weibo-fill"}),(0,e.kt)("p",null,"weibo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-whatsapp-line"}),(0,e.kt)("p",null,"whatsapp"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-whatsapp-fill"}),(0,e.kt)("p",null,"whatsapp")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windows-line"}),(0,e.kt)("p",null,"windows"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windows-fill"}),(0,e.kt)("p",null,"windows")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xbox-line"}),(0,e.kt)("p",null,"xbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xbox-fill"}),(0,e.kt)("p",null,"xbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xing-line"}),(0,e.kt)("p",null,"xing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xing-fill"}),(0,e.kt)("p",null,"xing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-youtube-line"}),(0,e.kt)("p",null,"youtube"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-youtube-fill"}),(0,e.kt)("p",null,"youtube")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zcool-line"}),(0,e.kt)("p",null,"zcool"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zcool-fill"}),(0,e.kt)("p",null,"zcool")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zhihu-line"}),(0,e.kt)("p",null,"zhihu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zhihu-fill"}),(0,e.kt)("p",null,"zhihu"))))),(0,e.kt)("h3",{id:"logos"},"Logos")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-line"}),(0,e.kt)("p",null,"map-pin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-fill"}),(0,e.kt)("p",null,"map-pin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-2-line"}),(0,e.kt)("p",null,"map-pin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-2-fill"}),(0,e.kt)("p",null,"map-pin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-3-line"}),(0,e.kt)("p",null,"map-pin-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-3-fill"}),(0,e.kt)("p",null,"map-pin-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-4-line"}),(0,e.kt)("p",null,"map-pin-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-4-fill"}),(0,e.kt)("p",null,"map-pin-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-5-line"}),(0,e.kt)("p",null,"map-pin-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-5-fill"}),(0,e.kt)("p",null,"map-pin-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-add-line"}),(0,e.kt)("p",null,"map-pin-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-add-fill"}),(0,e.kt)("p",null,"map-pin-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-range-line"}),(0,e.kt)("p",null,"map-pin-range"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-range-fill"}),(0,e.kt)("p",null,"map-pin-range")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-time-line"}),(0,e.kt)("p",null,"map-pin-time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-time-fill"}),(0,e.kt)("p",null,"map-pin-time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-user-line"}),(0,e.kt)("p",null,"map-pin-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-user-fill"}),(0,e.kt)("p",null,"map-pin-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pin-distance-line"}),(0,e.kt)("p",null,"pin-distance"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pin-distance-fill"}),(0,e.kt)("p",null,"pin-distance")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-line"}),(0,e.kt)("p",null,"pushpin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-fill"}),(0,e.kt)("p",null,"pushpin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-2-line"}),(0,e.kt)("p",null,"pushpin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-2-fill"}),(0,e.kt)("p",null,"pushpin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-line"}),(0,e.kt)("p",null,"compass"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-fill"}),(0,e.kt)("p",null,"compass")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-2-line"}),(0,e.kt)("p",null,"compass-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-2-fill"}),(0,e.kt)("p",null,"compass-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-3-line"}),(0,e.kt)("p",null,"compass-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-3-fill"}),(0,e.kt)("p",null,"compass-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-4-line"}),(0,e.kt)("p",null,"compass-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-4-fill"}),(0,e.kt)("p",null,"compass-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-discover-line"}),(0,e.kt)("p",null,"compass-discover"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-discover-fill"}),(0,e.kt)("p",null,"compass-discover")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anchor-line"}),(0,e.kt)("p",null,"anchor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anchor-fill"}),(0,e.kt)("p",null,"anchor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-china-railway-line"}),(0,e.kt)("p",null,"china-railway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-china-railway-fill"}),(0,e.kt)("p",null,"china-railway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space-ship-line"}),(0,e.kt)("p",null,"space-ship"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space-ship-fill"}),(0,e.kt)("p",null,"space-ship")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-line"}),(0,e.kt)("p",null,"rocket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-fill"}),(0,e.kt)("p",null,"rocket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-2-line"}),(0,e.kt)("p",null,"rocket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-2-fill"}),(0,e.kt)("p",null,"rocket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-line"}),(0,e.kt)("p",null,"map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-fill"}),(0,e.kt)("p",null,"map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-2-line"}),(0,e.kt)("p",null,"map-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-2-fill"}),(0,e.kt)("p",null,"map-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-treasure-map-line"}),(0,e.kt)("p",null,"treasure-map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-treasure-map-fill"}),(0,e.kt)("p",null,"treasure-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-road-map-line"}),(0,e.kt)("p",null,"road-map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-road-map-fill"}),(0,e.kt)("p",null,"road-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earth-line"}),(0,e.kt)("p",null,"earth"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earth-fill"}),(0,e.kt)("p",null,"earth")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-globe-line"}),(0,e.kt)("p",null,"globe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-globe-fill"}),(0,e.kt)("p",null,"globe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-line"}),(0,e.kt)("p",null,"parking"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-fill"}),(0,e.kt)("p",null,"parking")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-box-line"}),(0,e.kt)("p",null,"parking-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-box-fill"}),(0,e.kt)("p",null,"parking-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-route-line"}),(0,e.kt)("p",null,"route"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-route-fill"}),(0,e.kt)("p",null,"route")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-guide-line"}),(0,e.kt)("p",null,"guide"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-guide-fill"}),(0,e.kt)("p",null,"guide")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gas-station-line"}),(0,e.kt)("p",null,"gas-station"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gas-station-fill"}),(0,e.kt)("p",null,"gas-station")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-line"}),(0,e.kt)("p",null,"charging-pile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-fill"}),(0,e.kt)("p",null,"charging-pile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-2-line"}),(0,e.kt)("p",null,"charging-pile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-2-fill"}),(0,e.kt)("p",null,"charging-pile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-line"}),(0,e.kt)("p",null,"car"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-fill"}),(0,e.kt)("p",null,"car")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-washing-line"}),(0,e.kt)("p",null,"car-washing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-washing-fill"}),(0,e.kt)("p",null,"car-washing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-roadster-line"}),(0,e.kt)("p",null,"roadster"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-roadster-fill"}),(0,e.kt)("p",null,"roadster")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-line"}),(0,e.kt)("p",null,"taxi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-fill"}),(0,e.kt)("p",null,"taxi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-wifi-line"}),(0,e.kt)("p",null,"taxi-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-wifi-fill"}),(0,e.kt)("p",null,"taxi-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-police-car-line"}),(0,e.kt)("p",null,"police-car"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-police-car-fill"}),(0,e.kt)("p",null,"police-car")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-line"}),(0,e.kt)("p",null,"bus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-fill"}),(0,e.kt)("p",null,"bus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-2-line"}),(0,e.kt)("p",null,"bus-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-2-fill"}),(0,e.kt)("p",null,"bus-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-wifi-line"}),(0,e.kt)("p",null,"bus-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-wifi-fill"}),(0,e.kt)("p",null,"bus-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-truck-line"}),(0,e.kt)("p",null,"truck"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-truck-fill"}),(0,e.kt)("p",null,"truck")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-line"}),(0,e.kt)("p",null,"train"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-fill"}),(0,e.kt)("p",null,"train")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-wifi-line"}),(0,e.kt)("p",null,"train-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-wifi-fill"}),(0,e.kt)("p",null,"train-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-line"}),(0,e.kt)("p",null,"subway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-fill"}),(0,e.kt)("p",null,"subway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-wifi-line"}),(0,e.kt)("p",null,"subway-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-wifi-fill"}),(0,e.kt)("p",null,"subway-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-takeoff-line"}),(0,e.kt)("p",null,"flight-takeoff"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-takeoff-fill"}),(0,e.kt)("p",null,"flight-takeoff")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-land-line"}),(0,e.kt)("p",null,"flight-land"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-land-fill"}),(0,e.kt)("p",null,"flight-land")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plane-line"}),(0,e.kt)("p",null,"plane"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plane-fill"}),(0,e.kt)("p",null,"plane")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sailboat-line"}),(0,e.kt)("p",null,"sailboat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sailboat-fill"}),(0,e.kt)("p",null,"sailboat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-line"}),(0,e.kt)("p",null,"ship"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-fill"}),(0,e.kt)("p",null,"ship")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-2-line"}),(0,e.kt)("p",null,"ship-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-2-fill"}),(0,e.kt)("p",null,"ship-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bike-line"}),(0,e.kt)("p",null,"bike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bike-fill"}),(0,e.kt)("p",null,"bike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-line"}),(0,e.kt)("p",null,"e-bike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-fill"}),(0,e.kt)("p",null,"e-bike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-2-line"}),(0,e.kt)("p",null,"e-bike-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-2-fill"}),(0,e.kt)("p",null,"e-bike-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-takeaway-line"}),(0,e.kt)("p",null,"takeaway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-takeaway-fill"}),(0,e.kt)("p",null,"takeaway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-motorbike-line"}),(0,e.kt)("p",null,"motorbike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-motorbike-fill"}),(0,e.kt)("p",null,"motorbike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-caravan-line"}),(0,e.kt)("p",null,"caravan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-caravan-fill"}),(0,e.kt)("p",null,"caravan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-walk-line"}),(0,e.kt)("p",null,"walk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-walk-fill"}),(0,e.kt)("p",null,"walk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-run-line"}),(0,e.kt)("p",null,"run"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-run-fill"}),(0,e.kt)("p",null,"run")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-riding-line"}),(0,e.kt)("p",null,"riding"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-riding-fill"}),(0,e.kt)("p",null,"riding")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barricade-line"}),(0,e.kt)("p",null,"barricade"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barricade-fill"}),(0,e.kt)("p",null,"barricade")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-footprint-line"}),(0,e.kt)("p",null,"footprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-footprint-fill"}),(0,e.kt)("p",null,"footprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-traffic-light-line"}),(0,e.kt)("p",null,"traffic-light"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-traffic-light-fill"}),(0,e.kt)("p",null,"traffic-light")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-tower-line"}),(0,e.kt)("p",null,"signal-tower"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-tower-fill"}),(0,e.kt)("p",null,"signal-tower")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-line"}),(0,e.kt)("p",null,"restaurant"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-fill"}),(0,e.kt)("p",null,"restaurant")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-2-line"}),(0,e.kt)("p",null,"restaurant-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-2-fill"}),(0,e.kt)("p",null,"restaurant-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cup-line"}),(0,e.kt)("p",null,"cup"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cup-fill"}),(0,e.kt)("p",null,"cup")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-goblet-line"}),(0,e.kt)("p",null,"goblet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-goblet-fill"}),(0,e.kt)("p",null,"goblet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-bed-line"}),(0,e.kt)("p",null,"hotel-bed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-bed-fill"}),(0,e.kt)("p",null,"hotel-bed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-navigation-line"}),(0,e.kt)("p",null,"navigation"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-navigation-fill"}),(0,e.kt)("p",null,"navigation")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-oil-line"}),(0,e.kt)("p",null,"oil"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-oil-fill"}),(0,e.kt)("p",null,"oil")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-direction-line"}),(0,e.kt)("p",null,"direction"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-direction-fill"}),(0,e.kt)("p",null,"direction")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-line"}),(0,e.kt)("p",null,"steering"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-fill"}),(0,e.kt)("p",null,"steering")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-2-line"}),(0,e.kt)("p",null,"steering-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-2-fill"}),(0,e.kt)("p",null,"steering-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lifebuoy-line"}),(0,e.kt)("p",null,"lifebuoy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lifebuoy-fill"}),(0,e.kt)("p",null,"lifebuoy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-passport-line"}),(0,e.kt)("p",null,"passport"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-passport-fill"}),(0,e.kt)("p",null,"passport")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-line"}),(0,e.kt)("p",null,"suitcase"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-fill"}),(0,e.kt)("p",null,"suitcase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-2-line"}),(0,e.kt)("p",null,"suitcase-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-2-fill"}),(0,e.kt)("p",null,"suitcase-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-3-line"}),(0,e.kt)("p",null,"suitcase-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-3-fill"}),(0,e.kt)("p",null,"suitcase-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-deposit-line"}),(0,e.kt)("p",null,"luggage-deposit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-deposit-fill"}),(0,e.kt)("p",null,"luggage-deposit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-cart-line"}),(0,e.kt)("p",null,"luggage-cart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-cart-fill"}),(0,e.kt)("p",null,"luggage-cart"))))),(0,e.kt)("h3",{id:"map"},"Map")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-line"}),(0,e.kt)("p",null,"image"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-fill"}),(0,e.kt)("p",null,"image")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-2-line"}),(0,e.kt)("p",null,"image-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-2-fill"}),(0,e.kt)("p",null,"image-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-add-line"}),(0,e.kt)("p",null,"image-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-add-fill"}),(0,e.kt)("p",null,"image-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-edit-line"}),(0,e.kt)("p",null,"image-edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-edit-fill"}),(0,e.kt)("p",null,"image-edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-landscape-line"}),(0,e.kt)("p",null,"landscape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-landscape-fill"}),(0,e.kt)("p",null,"landscape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-line"}),(0,e.kt)("p",null,"gallery"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-fill"}),(0,e.kt)("p",null,"gallery")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-upload-line"}),(0,e.kt)("p",null,"gallery-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-upload-fill"}),(0,e.kt)("p",null,"gallery-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-line"}),(0,e.kt)("p",null,"video"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-fill"}),(0,e.kt)("p",null,"video")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-line"}),(0,e.kt)("p",null,"movie"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-fill"}),(0,e.kt)("p",null,"movie")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-2-line"}),(0,e.kt)("p",null,"movie-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-2-fill"}),(0,e.kt)("p",null,"movie-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-film-line"}),(0,e.kt)("p",null,"film"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-film-fill"}),(0,e.kt)("p",null,"film")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clapperboard-line"}),(0,e.kt)("p",null,"clapperboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clapperboard-fill"}),(0,e.kt)("p",null,"clapperboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-line"}),(0,e.kt)("p",null,"vidicon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-fill"}),(0,e.kt)("p",null,"vidicon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-2-line"}),(0,e.kt)("p",null,"vidicon-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-2-fill"}),(0,e.kt)("p",null,"vidicon-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-live-line"}),(0,e.kt)("p",null,"live"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-live-fill"}),(0,e.kt)("p",null,"live")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-add-line"}),(0,e.kt)("p",null,"video-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-add-fill"}),(0,e.kt)("p",null,"video-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-upload-line"}),(0,e.kt)("p",null,"video-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-upload-fill"}),(0,e.kt)("p",null,"video-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-download-line"}),(0,e.kt)("p",null,"video-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-download-fill"}),(0,e.kt)("p",null,"video-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dv-line"}),(0,e.kt)("p",null,"dv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dv-fill"}),(0,e.kt)("p",null,"dv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-line"}),(0,e.kt)("p",null,"camera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-fill"}),(0,e.kt)("p",null,"camera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-off-line"}),(0,e.kt)("p",null,"camera-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-off-fill"}),(0,e.kt)("p",null,"camera-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-2-line"}),(0,e.kt)("p",null,"camera-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-2-fill"}),(0,e.kt)("p",null,"camera-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-3-line"}),(0,e.kt)("p",null,"camera-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-3-fill"}),(0,e.kt)("p",null,"camera-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-lens-line"}),(0,e.kt)("p",null,"camera-lens"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-lens-fill"}),(0,e.kt)("p",null,"camera-lens")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-switch-line"}),(0,e.kt)("p",null,"camera-switch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-switch-fill"}),(0,e.kt)("p",null,"camera-switch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-line"}),(0,e.kt)("p",null,"polaroid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-fill"}),(0,e.kt)("p",null,"polaroid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-2-line"}),(0,e.kt)("p",null,"polaroid-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-2-fill"}),(0,e.kt)("p",null,"polaroid-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-camera-line"}),(0,e.kt)("p",null,"phone-camera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-camera-fill"}),(0,e.kt)("p",null,"phone-camera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-webcam-line"}),(0,e.kt)("p",null,"webcam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-webcam-fill"}),(0,e.kt)("p",null,"webcam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mv-line"}),(0,e.kt)("p",null,"mv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mv-fill"}),(0,e.kt)("p",null,"mv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-line"}),(0,e.kt)("p",null,"music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-fill"}),(0,e.kt)("p",null,"music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-2-line"}),(0,e.kt)("p",null,"music-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-2-fill"}),(0,e.kt)("p",null,"music-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disc-line"}),(0,e.kt)("p",null,"disc"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disc-fill"}),(0,e.kt)("p",null,"disc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-album-line"}),(0,e.kt)("p",null,"album"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-album-fill"}),(0,e.kt)("p",null,"album")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dvd-line"}),(0,e.kt)("p",null,"dvd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dvd-fill"}),(0,e.kt)("p",null,"dvd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-headphone-line"}),(0,e.kt)("p",null,"headphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-headphone-fill"}),(0,e.kt)("p",null,"headphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-line"}),(0,e.kt)("p",null,"radio"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-fill"}),(0,e.kt)("p",null,"radio")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-2-line"}),(0,e.kt)("p",null,"radio-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-2-fill"}),(0,e.kt)("p",null,"radio-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tape-line"}),(0,e.kt)("p",null,"tape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tape-fill"}),(0,e.kt)("p",null,"tape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-line"}),(0,e.kt)("p",null,"mic"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-fill"}),(0,e.kt)("p",null,"mic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-2-line"}),(0,e.kt)("p",null,"mic-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-2-fill"}),(0,e.kt)("p",null,"mic-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-off-line"}),(0,e.kt)("p",null,"mic-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-off-fill"}),(0,e.kt)("p",null,"mic-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-down-line"}),(0,e.kt)("p",null,"volume-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-down-fill"}),(0,e.kt)("p",null,"volume-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-mute-line"}),(0,e.kt)("p",null,"volume-mute"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-mute-fill"}),(0,e.kt)("p",null,"volume-mute")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-up-line"}),(0,e.kt)("p",null,"volume-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-up-fill"}),(0,e.kt)("p",null,"volume-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-vibrate-line"}),(0,e.kt)("p",null,"volume-vibrate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-vibrate-fill"}),(0,e.kt)("p",null,"volume-vibrate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-off-vibrate-line"}),(0,e.kt)("p",null,"volume-off-vibrate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-off-vibrate-fill"}),(0,e.kt)("p",null,"volume-off-vibrate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-line"}),(0,e.kt)("p",null,"speaker"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-fill"}),(0,e.kt)("p",null,"speaker")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-2-line"}),(0,e.kt)("p",null,"speaker-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-2-fill"}),(0,e.kt)("p",null,"speaker-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-3-line"}),(0,e.kt)("p",null,"speaker-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-3-fill"}),(0,e.kt)("p",null,"speaker-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surround-sound-line"}),(0,e.kt)("p",null,"surround-sound"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surround-sound-fill"}),(0,e.kt)("p",null,"surround-sound")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-broadcast-line"}),(0,e.kt)("p",null,"broadcast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-broadcast-fill"}),(0,e.kt)("p",null,"broadcast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-line"}),(0,e.kt)("p",null,"notification"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-fill"}),(0,e.kt)("p",null,"notification")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-2-line"}),(0,e.kt)("p",null,"notification-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-2-fill"}),(0,e.kt)("p",null,"notification-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-3-line"}),(0,e.kt)("p",null,"notification-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-3-fill"}),(0,e.kt)("p",null,"notification-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-4-line"}),(0,e.kt)("p",null,"notification-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-4-fill"}),(0,e.kt)("p",null,"notification-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-off-line"}),(0,e.kt)("p",null,"notification-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-off-fill"}),(0,e.kt)("p",null,"notification-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-circle-line"}),(0,e.kt)("p",null,"play-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-circle-fill"}),(0,e.kt)("p",null,"play-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-circle-line"}),(0,e.kt)("p",null,"pause-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-circle-fill"}),(0,e.kt)("p",null,"pause-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-circle-line"}),(0,e.kt)("p",null,"record-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-circle-fill"}),(0,e.kt)("p",null,"record-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-circle-line"}),(0,e.kt)("p",null,"stop-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-circle-fill"}),(0,e.kt)("p",null,"stop-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eject-line"}),(0,e.kt)("p",null,"eject"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eject-fill"}),(0,e.kt)("p",null,"eject")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-line"}),(0,e.kt)("p",null,"play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-fill"}),(0,e.kt)("p",null,"play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-line"}),(0,e.kt)("p",null,"pause"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-fill"}),(0,e.kt)("p",null,"pause")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-line"}),(0,e.kt)("p",null,"stop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-fill"}),(0,e.kt)("p",null,"stop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-line"}),(0,e.kt)("p",null,"rewind"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-fill"}),(0,e.kt)("p",null,"rewind")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-line"}),(0,e.kt)("p",null,"speed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-fill"}),(0,e.kt)("p",null,"speed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-line"}),(0,e.kt)("p",null,"skip-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-fill"}),(0,e.kt)("p",null,"skip-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-line"}),(0,e.kt)("p",null,"skip-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-fill"}),(0,e.kt)("p",null,"skip-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-mini-line"}),(0,e.kt)("p",null,"play-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-mini-fill"}),(0,e.kt)("p",null,"play-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-mini-line"}),(0,e.kt)("p",null,"pause-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-mini-fill"}),(0,e.kt)("p",null,"pause-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-mini-line"}),(0,e.kt)("p",null,"stop-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-mini-fill"}),(0,e.kt)("p",null,"stop-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-mini-line"}),(0,e.kt)("p",null,"rewind-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-mini-fill"}),(0,e.kt)("p",null,"rewind-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-mini-line"}),(0,e.kt)("p",null,"speed-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-mini-fill"}),(0,e.kt)("p",null,"speed-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-mini-line"}),(0,e.kt)("p",null,"skip-back-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-mini-fill"}),(0,e.kt)("p",null,"skip-back-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-mini-line"}),(0,e.kt)("p",null,"skip-forward-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-mini-fill"}),(0,e.kt)("p",null,"skip-forward-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-line"}),(0,e.kt)("p",null,"repeat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-fill"}),(0,e.kt)("p",null,"repeat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-2-line"}),(0,e.kt)("p",null,"repeat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-2-fill"}),(0,e.kt)("p",null,"repeat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-one-line"}),(0,e.kt)("p",null,"repeat-one"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-one-fill"}),(0,e.kt)("p",null,"repeat-one")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-order-play-line"}),(0,e.kt)("p",null,"order-play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-order-play-fill"}),(0,e.kt)("p",null,"order-play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shuffle-line"}),(0,e.kt)("p",null,"shuffle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shuffle-fill"}),(0,e.kt)("p",null,"shuffle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-line"}),(0,e.kt)("p",null,"play-list"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-fill"}),(0,e.kt)("p",null,"play-list")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-2-line"}),(0,e.kt)("p",null,"play-list-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-2-fill"}),(0,e.kt)("p",null,"play-list-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-add-line"}),(0,e.kt)("p",null,"play-list-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-add-fill"}),(0,e.kt)("p",null,"play-list-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-line"}),(0,e.kt)("p",null,"fullscreen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-fill"}),(0,e.kt)("p",null,"fullscreen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-exit-line"}),(0,e.kt)("p",null,"fullscreen-exit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-exit-fill"}),(0,e.kt)("p",null,"fullscreen-exit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-equalizer-line"}),(0,e.kt)("p",null,"equalizer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-equalizer-fill"}),(0,e.kt)("p",null,"equalizer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sound-module-line"}),(0,e.kt)("p",null,"sound-module"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sound-module-fill"}),(0,e.kt)("p",null,"sound-module")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rhythm-line"}),(0,e.kt)("p",null,"rhythm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rhythm-fill"}),(0,e.kt)("p",null,"rhythm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voiceprint-line"}),(0,e.kt)("p",null,"voiceprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voiceprint-fill"}),(0,e.kt)("p",null,"voiceprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hq-line"}),(0,e.kt)("p",null,"hq"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hq-fill"}),(0,e.kt)("p",null,"hq")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hd-line"}),(0,e.kt)("p",null,"hd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hd-fill"}),(0,e.kt)("p",null,"hd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-4k-line"}),(0,e.kt)("p",null,"4k"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-4k-fill"}),(0,e.kt)("p",null,"4k")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-closed-captioning-line"}),(0,e.kt)("p",null,"closed-captioning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-closed-captioning-fill"}),(0,e.kt)("p",null,"closed-captioning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aspect-ratio-line"}),(0,e.kt)("p",null,"aspect-ratio"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aspect-ratio-fill"}),(0,e.kt)("p",null,"aspect-ratio")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-line"}),(0,e.kt)("p",null,"picture-in-picture"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-fill"}),(0,e.kt)("p",null,"picture-in-picture")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-2-line"}),(0,e.kt)("p",null,"picture-in-picture-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-2-fill"}),(0,e.kt)("p",null,"picture-in-picture-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-exit-line"}),(0,e.kt)("p",null,"picture-in-picture-exit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-exit-fill"}),(0,e.kt)("p",null,"picture-in-picture-exit"))))),(0,e.kt)("h3",{id:"media"},"Media")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-line"}),(0,e.kt)("p",null,"apps"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-fill"}),(0,e.kt)("p",null,"apps")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-2-line"}),(0,e.kt)("p",null,"apps-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-2-fill"}),(0,e.kt)("p",null,"apps-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-function-line"}),(0,e.kt)("p",null,"function"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-function-fill"}),(0,e.kt)("p",null,"function")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-line"}),(0,e.kt)("p",null,"dashboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-fill"}),(0,e.kt)("p",null,"dashboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-line"}),(0,e.kt)("p",null,"menu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fill"}),(0,e.kt)("p",null,"menu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-2-line"}),(0,e.kt)("p",null,"menu-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-2-fill"}),(0,e.kt)("p",null,"menu-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-3-line"}),(0,e.kt)("p",null,"menu-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-3-fill"}),(0,e.kt)("p",null,"menu-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-4-line"}),(0,e.kt)("p",null,"menu-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-4-fill"}),(0,e.kt)("p",null,"menu-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-5-line"}),(0,e.kt)("p",null,"menu-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-5-fill"}),(0,e.kt)("p",null,"menu-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-add-line"}),(0,e.kt)("p",null,"menu-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-add-fill"}),(0,e.kt)("p",null,"menu-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fold-line"}),(0,e.kt)("p",null,"menu-fold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fold-fill"}),(0,e.kt)("p",null,"menu-fold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-unfold-line"}),(0,e.kt)("p",null,"menu-unfold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-unfold-fill"}),(0,e.kt)("p",null,"menu-unfold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-line"}),(0,e.kt)("p",null,"more"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-fill"}),(0,e.kt)("p",null,"more")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-2-line"}),(0,e.kt)("p",null,"more-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-2-fill"}),(0,e.kt)("p",null,"more-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-line"}),(0,e.kt)("p",null,"star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-fill"}),(0,e.kt)("p",null,"star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-s-line"}),(0,e.kt)("p",null,"star-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-s-fill"}),(0,e.kt)("p",null,"star-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-line"}),(0,e.kt)("p",null,"star-half"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-fill"}),(0,e.kt)("p",null,"star-half")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-s-line"}),(0,e.kt)("p",null,"star-half-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-s-fill"}),(0,e.kt)("p",null,"star-half-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-line"}),(0,e.kt)("p",null,"settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-fill"}),(0,e.kt)("p",null,"settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-2-line"}),(0,e.kt)("p",null,"settings-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-2-fill"}),(0,e.kt)("p",null,"settings-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-3-line"}),(0,e.kt)("p",null,"settings-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-3-fill"}),(0,e.kt)("p",null,"settings-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-4-line"}),(0,e.kt)("p",null,"settings-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-4-fill"}),(0,e.kt)("p",null,"settings-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-5-line"}),(0,e.kt)("p",null,"settings-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-5-fill"}),(0,e.kt)("p",null,"settings-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-6-line"}),(0,e.kt)("p",null,"settings-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-6-fill"}),(0,e.kt)("p",null,"settings-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-settings-line"}),(0,e.kt)("p",null,"list-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-settings-fill"}),(0,e.kt)("p",null,"list-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-line"}),(0,e.kt)("p",null,"forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-fill"}),(0,e.kt)("p",null,"forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-2-line"}),(0,e.kt)("p",null,"forbid-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-2-fill"}),(0,e.kt)("p",null,"forbid-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-information-line"}),(0,e.kt)("p",null,"information"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-information-fill"}),(0,e.kt)("p",null,"information")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-error-warning-line"}),(0,e.kt)("p",null,"error-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-error-warning-fill"}),(0,e.kt)("p",null,"error-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-line"}),(0,e.kt)("p",null,"question"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-fill"}),(0,e.kt)("p",null,"question")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alert-line"}),(0,e.kt)("p",null,"alert"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alert-fill"}),(0,e.kt)("p",null,"alert")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-line"}),(0,e.kt)("p",null,"spam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-fill"}),(0,e.kt)("p",null,"spam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-2-line"}),(0,e.kt)("p",null,"spam-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-2-fill"}),(0,e.kt)("p",null,"spam-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-3-line"}),(0,e.kt)("p",null,"spam-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-3-fill"}),(0,e.kt)("p",null,"spam-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-line"}),(0,e.kt)("p",null,"checkbox-blank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-fill"}),(0,e.kt)("p",null,"checkbox-blank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-line"}),(0,e.kt)("p",null,"checkbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-fill"}),(0,e.kt)("p",null,"checkbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-indeterminate-line"}),(0,e.kt)("p",null,"checkbox-indeterminate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-indeterminate-fill"}),(0,e.kt)("p",null,"checkbox-indeterminate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-box-line"}),(0,e.kt)("p",null,"add-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-box-fill"}),(0,e.kt)("p",null,"add-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-circle-line"}),(0,e.kt)("p",null,"checkbox-blank-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-circle-fill"}),(0,e.kt)("p",null,"checkbox-blank-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-circle-line"}),(0,e.kt)("p",null,"checkbox-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-circle-fill"}),(0,e.kt)("p",null,"checkbox-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indeterminate-circle-line"}),(0,e.kt)("p",null,"indeterminate-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indeterminate-circle-fill"}),(0,e.kt)("p",null,"indeterminate-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-circle-line"}),(0,e.kt)("p",null,"add-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-circle-fill"}),(0,e.kt)("p",null,"add-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-circle-line"}),(0,e.kt)("p",null,"close-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-circle-fill"}),(0,e.kt)("p",null,"close-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-button-line"}),(0,e.kt)("p",null,"radio-button"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-button-fill"}),(0,e.kt)("p",null,"radio-button")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-blank-line"}),(0,e.kt)("p",null,"checkbox-multiple-blank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-blank-fill"}),(0,e.kt)("p",null,"checkbox-multiple-blank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-line"}),(0,e.kt)("p",null,"checkbox-multiple"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-fill"}),(0,e.kt)("p",null,"checkbox-multiple")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-line"}),(0,e.kt)("p",null,"check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-fill"}),(0,e.kt)("p",null,"check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-double-line"}),(0,e.kt)("p",null,"check-double"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-double-fill"}),(0,e.kt)("p",null,"check-double")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-line"}),(0,e.kt)("p",null,"close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-fill"}),(0,e.kt)("p",null,"close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-line"}),(0,e.kt)("p",null,"add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-fill"}),(0,e.kt)("p",null,"add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subtract-line"}),(0,e.kt)("p",null,"subtract"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subtract-fill"}),(0,e.kt)("p",null,"subtract")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-divide-line"}),(0,e.kt)("p",null,"divide"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-divide-fill"}),(0,e.kt)("p",null,"divide")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-up-line"}),(0,e.kt)("p",null,"arrow-left-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-up-fill"}),(0,e.kt)("p",null,"arrow-left-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-line"}),(0,e.kt)("p",null,"arrow-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-fill"}),(0,e.kt)("p",null,"arrow-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-up-line"}),(0,e.kt)("p",null,"arrow-right-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-up-fill"}),(0,e.kt)("p",null,"arrow-right-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-line"}),(0,e.kt)("p",null,"arrow-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-fill"}),(0,e.kt)("p",null,"arrow-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-down-line"}),(0,e.kt)("p",null,"arrow-right-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-down-fill"}),(0,e.kt)("p",null,"arrow-right-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-line"}),(0,e.kt)("p",null,"arrow-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-fill"}),(0,e.kt)("p",null,"arrow-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-down-line"}),(0,e.kt)("p",null,"arrow-left-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-down-fill"}),(0,e.kt)("p",null,"arrow-left-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-line"}),(0,e.kt)("p",null,"arrow-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-fill"}),(0,e.kt)("p",null,"arrow-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-circle-line"}),(0,e.kt)("p",null,"arrow-up-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-circle-fill"}),(0,e.kt)("p",null,"arrow-up-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-circle-line"}),(0,e.kt)("p",null,"arrow-right-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-circle-fill"}),(0,e.kt)("p",null,"arrow-right-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-circle-line"}),(0,e.kt)("p",null,"arrow-down-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-circle-fill"}),(0,e.kt)("p",null,"arrow-down-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-circle-line"}),(0,e.kt)("p",null,"arrow-left-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-circle-fill"}),(0,e.kt)("p",null,"arrow-left-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-s-line"}),(0,e.kt)("p",null,"arrow-up-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-s-fill"}),(0,e.kt)("p",null,"arrow-up-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-s-line"}),(0,e.kt)("p",null,"arrow-down-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-s-fill"}),(0,e.kt)("p",null,"arrow-down-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-s-line"}),(0,e.kt)("p",null,"arrow-right-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-s-fill"}),(0,e.kt)("p",null,"arrow-right-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-s-line"}),(0,e.kt)("p",null,"arrow-left-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-s-fill"}),(0,e.kt)("p",null,"arrow-left-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-up-line"}),(0,e.kt)("p",null,"arrow-drop-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-up-fill"}),(0,e.kt)("p",null,"arrow-drop-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-right-line"}),(0,e.kt)("p",null,"arrow-drop-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-right-fill"}),(0,e.kt)("p",null,"arrow-drop-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-down-line"}),(0,e.kt)("p",null,"arrow-drop-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-down-fill"}),(0,e.kt)("p",null,"arrow-drop-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-left-line"}),(0,e.kt)("p",null,"arrow-drop-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-left-fill"}),(0,e.kt)("p",null,"arrow-drop-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-right-line"}),(0,e.kt)("p",null,"arrow-left-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-right-fill"}),(0,e.kt)("p",null,"arrow-left-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-down-line"}),(0,e.kt)("p",null,"arrow-up-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-down-fill"}),(0,e.kt)("p",null,"arrow-up-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-back-line"}),(0,e.kt)("p",null,"arrow-go-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-back-fill"}),(0,e.kt)("p",null,"arrow-go-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-forward-line"}),(0,e.kt)("p",null,"arrow-go-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-forward-fill"}),(0,e.kt)("p",null,"arrow-go-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-line"}),(0,e.kt)("p",null,"download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-fill"}),(0,e.kt)("p",null,"download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-line"}),(0,e.kt)("p",null,"upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-fill"}),(0,e.kt)("p",null,"upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-2-line"}),(0,e.kt)("p",null,"download-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-2-fill"}),(0,e.kt)("p",null,"download-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-2-line"}),(0,e.kt)("p",null,"upload-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-2-fill"}),(0,e.kt)("p",null,"upload-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-line"}),(0,e.kt)("p",null,"download-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-fill"}),(0,e.kt)("p",null,"download-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-2-line"}),(0,e.kt)("p",null,"download-cloud-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-2-fill"}),(0,e.kt)("p",null,"download-cloud-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-line"}),(0,e.kt)("p",null,"upload-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-fill"}),(0,e.kt)("p",null,"upload-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-2-line"}),(0,e.kt)("p",null,"upload-cloud-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-2-fill"}),(0,e.kt)("p",null,"upload-cloud-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-box-line"}),(0,e.kt)("p",null,"login-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-box-fill"}),(0,e.kt)("p",null,"login-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-line"}),(0,e.kt)("p",null,"logout-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-fill"}),(0,e.kt)("p",null,"logout-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-r-line"}),(0,e.kt)("p",null,"logout-box-r"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-r-fill"}),(0,e.kt)("p",null,"logout-box-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-circle-line"}),(0,e.kt)("p",null,"login-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-circle-fill"}),(0,e.kt)("p",null,"login-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-line"}),(0,e.kt)("p",null,"logout-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-fill"}),(0,e.kt)("p",null,"logout-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-r-line"}),(0,e.kt)("p",null,"logout-circle-r"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-r-fill"}),(0,e.kt)("p",null,"logout-circle-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refresh-line"}),(0,e.kt)("p",null,"refresh"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refresh-fill"}),(0,e.kt)("p",null,"refresh")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-line"}),(0,e.kt)("p",null,"shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-fill"}),(0,e.kt)("p",null,"shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-cross-line"}),(0,e.kt)("p",null,"shield-cross"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-cross-fill"}),(0,e.kt)("p",null,"shield-cross")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-flash-line"}),(0,e.kt)("p",null,"shield-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-flash-fill"}),(0,e.kt)("p",null,"shield-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-star-line"}),(0,e.kt)("p",null,"shield-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-star-fill"}),(0,e.kt)("p",null,"shield-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-user-line"}),(0,e.kt)("p",null,"shield-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-user-fill"}),(0,e.kt)("p",null,"shield-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-keyhole-line"}),(0,e.kt)("p",null,"shield-keyhole"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-keyhole-fill"}),(0,e.kt)("p",null,"shield-keyhole")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-check-line"}),(0,e.kt)("p",null,"shield-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-check-fill"}),(0,e.kt)("p",null,"shield-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-line"}),(0,e.kt)("p",null,"delete-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-fill"}),(0,e.kt)("p",null,"delete-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-2-line"}),(0,e.kt)("p",null,"delete-back-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-2-fill"}),(0,e.kt)("p",null,"delete-back-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-line"}),(0,e.kt)("p",null,"delete-bin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-fill"}),(0,e.kt)("p",null,"delete-bin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-2-line"}),(0,e.kt)("p",null,"delete-bin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-2-fill"}),(0,e.kt)("p",null,"delete-bin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-3-line"}),(0,e.kt)("p",null,"delete-bin-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-3-fill"}),(0,e.kt)("p",null,"delete-bin-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-4-line"}),(0,e.kt)("p",null,"delete-bin-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-4-fill"}),(0,e.kt)("p",null,"delete-bin-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-5-line"}),(0,e.kt)("p",null,"delete-bin-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-5-fill"}),(0,e.kt)("p",null,"delete-bin-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-6-line"}),(0,e.kt)("p",null,"delete-bin-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-6-fill"}),(0,e.kt)("p",null,"delete-bin-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-7-line"}),(0,e.kt)("p",null,"delete-bin-7"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-7-fill"}),(0,e.kt)("p",null,"delete-bin-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-line"}),(0,e.kt)("p",null,"lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-fill"}),(0,e.kt)("p",null,"lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-2-line"}),(0,e.kt)("p",null,"lock-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-2-fill"}),(0,e.kt)("p",null,"lock-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-password-line"}),(0,e.kt)("p",null,"lock-password"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-password-fill"}),(0,e.kt)("p",null,"lock-password")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-unlock-line"}),(0,e.kt)("p",null,"lock-unlock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-unlock-fill"}),(0,e.kt)("p",null,"lock-unlock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-line"}),(0,e.kt)("p",null,"eye"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-fill"}),(0,e.kt)("p",null,"eye")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-off-line"}),(0,e.kt)("p",null,"eye-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-off-fill"}),(0,e.kt)("p",null,"eye-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-2-line"}),(0,e.kt)("p",null,"eye-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-2-fill"}),(0,e.kt)("p",null,"eye-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-close-line"}),(0,e.kt)("p",null,"eye-close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-close-fill"}),(0,e.kt)("p",null,"eye-close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-line"}),(0,e.kt)("p",null,"search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-fill"}),(0,e.kt)("p",null,"search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-2-line"}),(0,e.kt)("p",null,"search-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-2-fill"}),(0,e.kt)("p",null,"search-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-eye-line"}),(0,e.kt)("p",null,"search-eye"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-eye-fill"}),(0,e.kt)("p",null,"search-eye")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-in-line"}),(0,e.kt)("p",null,"zoom-in"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-in-fill"}),(0,e.kt)("p",null,"zoom-in")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-out-line"}),(0,e.kt)("p",null,"zoom-out"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-out-fill"}),(0,e.kt)("p",null,"zoom-out")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-find-replace-line"}),(0,e.kt)("p",null,"find-replace"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-find-replace-fill"}),(0,e.kt)("p",null,"find-replace")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-line"}),(0,e.kt)("p",null,"share"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-fill"}),(0,e.kt)("p",null,"share")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-box-line"}),(0,e.kt)("p",null,"share-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-box-fill"}),(0,e.kt)("p",null,"share-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-circle-line"}),(0,e.kt)("p",null,"share-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-circle-fill"}),(0,e.kt)("p",null,"share-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-line"}),(0,e.kt)("p",null,"share-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-fill"}),(0,e.kt)("p",null,"share-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-2-line"}),(0,e.kt)("p",null,"share-forward-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-2-fill"}),(0,e.kt)("p",null,"share-forward-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-box-line"}),(0,e.kt)("p",null,"share-forward-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-box-fill"}),(0,e.kt)("p",null,"share-forward-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-side-bar-line"}),(0,e.kt)("p",null,"side-bar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-side-bar-fill"}),(0,e.kt)("p",null,"side-bar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-time-line"}),(0,e.kt)("p",null,"time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-time-fill"}),(0,e.kt)("p",null,"time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-line"}),(0,e.kt)("p",null,"timer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-fill"}),(0,e.kt)("p",null,"timer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-2-line"}),(0,e.kt)("p",null,"timer-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-2-fill"}),(0,e.kt)("p",null,"timer-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-flash-line"}),(0,e.kt)("p",null,"timer-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-flash-fill"}),(0,e.kt)("p",null,"timer-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-line"}),(0,e.kt)("p",null,"alarm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-fill"}),(0,e.kt)("p",null,"alarm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-history-line"}),(0,e.kt)("p",null,"history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-history-fill"}),(0,e.kt)("p",null,"history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-down-line"}),(0,e.kt)("p",null,"thumb-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-down-fill"}),(0,e.kt)("p",null,"thumb-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-up-line"}),(0,e.kt)("p",null,"thumb-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-up-fill"}),(0,e.kt)("p",null,"thumb-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-warning-line"}),(0,e.kt)("p",null,"alarm-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-warning-fill"}),(0,e.kt)("p",null,"alarm-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-badge-line"}),(0,e.kt)("p",null,"notification-badge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-badge-fill"}),(0,e.kt)("p",null,"notification-badge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-toggle-line"}),(0,e.kt)("p",null,"toggle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-toggle-fill"}),(0,e.kt)("p",null,"toggle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-line"}),(0,e.kt)("p",null,"filter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-fill"}),(0,e.kt)("p",null,"filter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-2-line"}),(0,e.kt)("p",null,"filter-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-2-fill"}),(0,e.kt)("p",null,"filter-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-3-line"}),(0,e.kt)("p",null,"filter-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-3-fill"}),(0,e.kt)("p",null,"filter-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-off-line"}),(0,e.kt)("p",null,"filter-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-off-fill"}),(0,e.kt)("p",null,"filter-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-line"}),(0,e.kt)("p",null,"loader"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-fill"}),(0,e.kt)("p",null,"loader")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-2-line"}),(0,e.kt)("p",null,"loader-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-2-fill"}),(0,e.kt)("p",null,"loader-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-3-line"}),(0,e.kt)("p",null,"loader-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-3-fill"}),(0,e.kt)("p",null,"loader-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-4-line"}),(0,e.kt)("p",null,"loader-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-4-fill"}),(0,e.kt)("p",null,"loader-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-5-line"}),(0,e.kt)("p",null,"loader-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-5-fill"}),(0,e.kt)("p",null,"loader-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-external-link-line"}),(0,e.kt)("p",null,"external-link"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-external-link-fill"}),(0,e.kt)("p",null,"external-link"))))),(0,e.kt)("h3",{id:"system"},"System")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-line"}),(0,e.kt)("p",null,"user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-fill"}),(0,e.kt)("p",null,"user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-2-line"}),(0,e.kt)("p",null,"user-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-2-fill"}),(0,e.kt)("p",null,"user-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-3-line"}),(0,e.kt)("p",null,"user-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-3-fill"}),(0,e.kt)("p",null,"user-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-4-line"}),(0,e.kt)("p",null,"user-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-4-fill"}),(0,e.kt)("p",null,"user-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-5-line"}),(0,e.kt)("p",null,"user-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-5-fill"}),(0,e.kt)("p",null,"user-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-6-line"}),(0,e.kt)("p",null,"user-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-6-fill"}),(0,e.kt)("p",null,"user-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-smile-line"}),(0,e.kt)("p",null,"user-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-smile-fill"}),(0,e.kt)("p",null,"user-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-box-line"}),(0,e.kt)("p",null,"account-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-box-fill"}),(0,e.kt)("p",null,"account-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-circle-line"}),(0,e.kt)("p",null,"account-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-circle-fill"}),(0,e.kt)("p",null,"account-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-box-line"}),(0,e.kt)("p",null,"account-pin-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-box-fill"}),(0,e.kt)("p",null,"account-pin-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-circle-line"}),(0,e.kt)("p",null,"account-pin-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-circle-fill"}),(0,e.kt)("p",null,"account-pin-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-add-line"}),(0,e.kt)("p",null,"user-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-add-fill"}),(0,e.kt)("p",null,"user-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-follow-line"}),(0,e.kt)("p",null,"user-follow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-follow-fill"}),(0,e.kt)("p",null,"user-follow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-unfollow-line"}),(0,e.kt)("p",null,"user-unfollow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-unfollow-fill"}),(0,e.kt)("p",null,"user-unfollow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-line"}),(0,e.kt)("p",null,"user-shared"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-fill"}),(0,e.kt)("p",null,"user-shared")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-2-line"}),(0,e.kt)("p",null,"user-shared-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-2-fill"}),(0,e.kt)("p",null,"user-shared-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-line"}),(0,e.kt)("p",null,"user-received"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-fill"}),(0,e.kt)("p",null,"user-received")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-2-line"}),(0,e.kt)("p",null,"user-received-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-2-fill"}),(0,e.kt)("p",null,"user-received-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-location-line"}),(0,e.kt)("p",null,"user-location"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-location-fill"}),(0,e.kt)("p",null,"user-location")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-search-line"}),(0,e.kt)("p",null,"user-search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-search-fill"}),(0,e.kt)("p",null,"user-search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-settings-line"}),(0,e.kt)("p",null,"user-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-settings-fill"}),(0,e.kt)("p",null,"user-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-star-line"}),(0,e.kt)("p",null,"user-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-star-fill"}),(0,e.kt)("p",null,"user-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-heart-line"}),(0,e.kt)("p",null,"user-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-heart-fill"}),(0,e.kt)("p",null,"user-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-admin-line"}),(0,e.kt)("p",null,"admin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-admin-fill"}),(0,e.kt)("p",null,"admin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-line"}),(0,e.kt)("p",null,"contacts"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-fill"}),(0,e.kt)("p",null,"contacts")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-line"}),(0,e.kt)("p",null,"group"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-fill"}),(0,e.kt)("p",null,"group")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-2-line"}),(0,e.kt)("p",null,"group-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-2-fill"}),(0,e.kt)("p",null,"group-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-team-line"}),(0,e.kt)("p",null,"team"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-team-fill"}),(0,e.kt)("p",null,"team")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-voice-line"}),(0,e.kt)("p",null,"user-voice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-voice-fill"}),(0,e.kt)("p",null,"user-voice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-line"}),(0,e.kt)("p",null,"emotion"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-fill"}),(0,e.kt)("p",null,"emotion")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-2-line"}),(0,e.kt)("p",null,"emotion-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-2-fill"}),(0,e.kt)("p",null,"emotion-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-happy-line"}),(0,e.kt)("p",null,"emotion-happy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-happy-fill"}),(0,e.kt)("p",null,"emotion-happy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-normal-line"}),(0,e.kt)("p",null,"emotion-normal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-normal-fill"}),(0,e.kt)("p",null,"emotion-normal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-unhappy-line"}),(0,e.kt)("p",null,"emotion-unhappy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-unhappy-fill"}),(0,e.kt)("p",null,"emotion-unhappy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-laugh-line"}),(0,e.kt)("p",null,"emotion-laugh"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-laugh-fill"}),(0,e.kt)("p",null,"emotion-laugh")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-sad-line"}),(0,e.kt)("p",null,"emotion-sad"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-sad-fill"}),(0,e.kt)("p",null,"emotion-sad")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-line"}),(0,e.kt)("p",null,"skull"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-fill"}),(0,e.kt)("p",null,"skull")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-2-line"}),(0,e.kt)("p",null,"skull-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-2-fill"}),(0,e.kt)("p",null,"skull-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-men-line"}),(0,e.kt)("p",null,"men"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-men-fill"}),(0,e.kt)("p",null,"men")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-women-line"}),(0,e.kt)("p",null,"women"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-women-fill"}),(0,e.kt)("p",null,"women")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-travesti-line"}),(0,e.kt)("p",null,"travesti"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-travesti-fill"}),(0,e.kt)("p",null,"travesti")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-genderless-line"}),(0,e.kt)("p",null,"genderless"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-genderless-fill"}),(0,e.kt)("p",null,"genderless")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-arm-line"}),(0,e.kt)("p",null,"open-arm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-arm-fill"}),(0,e.kt)("p",null,"open-arm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-body-scan-line"}),(0,e.kt)("p",null,"body-scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-body-scan-fill"}),(0,e.kt)("p",null,"body-scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parent-line"}),(0,e.kt)("p",null,"parent"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parent-fill"}),(0,e.kt)("p",null,"parent")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-robot-line"}),(0,e.kt)("p",null,"robot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-robot-fill"}),(0,e.kt)("p",null,"robot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aliens-line"}),(0,e.kt)("p",null,"aliens"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aliens-fill"}),(0,e.kt)("p",null,"aliens")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bear-smile-line"}),(0,e.kt)("p",null,"bear-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bear-smile-fill"}),(0,e.kt)("p",null,"bear-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mickey-line"}),(0,e.kt)("p",null,"mickey"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mickey-fill"}),(0,e.kt)("p",null,"mickey")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-criminal-line"}),(0,e.kt)("p",null,"criminal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-criminal-fill"}),(0,e.kt)("p",null,"criminal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-line"}),(0,e.kt)("p",null,"ghost"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-fill"}),(0,e.kt)("p",null,"ghost")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-2-line"}),(0,e.kt)("p",null,"ghost-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-2-fill"}),(0,e.kt)("p",null,"ghost-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-smile-line"}),(0,e.kt)("p",null,"ghost-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-smile-fill"}),(0,e.kt)("p",null,"ghost-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-smile-line"}),(0,e.kt)("p",null,"star-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-smile-fill"}),(0,e.kt)("p",null,"star-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spy-line"}),(0,e.kt)("p",null,"spy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spy-fill"}),(0,e.kt)("p",null,"spy"))))),(0,e.kt)("h3",{id:"user--faces"},"User ","&"," Faces")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-line"}),(0,e.kt)("p",null,"sun"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-fill"}),(0,e.kt)("p",null,"sun")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-line"}),(0,e.kt)("p",null,"moon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-fill"}),(0,e.kt)("p",null,"moon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flashlight-line"}),(0,e.kt)("p",null,"flashlight"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flashlight-fill"}),(0,e.kt)("p",null,"flashlight")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-line"}),(0,e.kt)("p",null,"cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-fill"}),(0,e.kt)("p",null,"cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-2-line"}),(0,e.kt)("p",null,"cloudy-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-2-fill"}),(0,e.kt)("p",null,"cloudy-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mist-line"}),(0,e.kt)("p",null,"mist"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mist-fill"}),(0,e.kt)("p",null,"mist")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-foggy-line"}),(0,e.kt)("p",null,"foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-foggy-fill"}),(0,e.kt)("p",null,"foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-windy-line"}),(0,e.kt)("p",null,"cloud-windy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-windy-fill"}),(0,e.kt)("p",null,"cloud-windy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windy-line"}),(0,e.kt)("p",null,"windy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windy-fill"}),(0,e.kt)("p",null,"windy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainy-line"}),(0,e.kt)("p",null,"rainy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainy-fill"}),(0,e.kt)("p",null,"rainy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drizzle-line"}),(0,e.kt)("p",null,"drizzle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drizzle-fill"}),(0,e.kt)("p",null,"drizzle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-showers-line"}),(0,e.kt)("p",null,"showers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-showers-fill"}),(0,e.kt)("p",null,"showers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heavy-showers-line"}),(0,e.kt)("p",null,"heavy-showers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heavy-showers-fill"}),(0,e.kt)("p",null,"heavy-showers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thunderstorms-line"}),(0,e.kt)("p",null,"thunderstorms"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thunderstorms-fill"}),(0,e.kt)("p",null,"thunderstorms")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hail-line"}),(0,e.kt)("p",null,"hail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hail-fill"}),(0,e.kt)("p",null,"hail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snowy-line"}),(0,e.kt)("p",null,"snowy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snowy-fill"}),(0,e.kt)("p",null,"snowy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-cloudy-line"}),(0,e.kt)("p",null,"sun-cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-cloudy-fill"}),(0,e.kt)("p",null,"sun-cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-cloudy-line"}),(0,e.kt)("p",null,"moon-cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-cloudy-fill"}),(0,e.kt)("p",null,"moon-cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tornado-line"}),(0,e.kt)("p",null,"tornado"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tornado-fill"}),(0,e.kt)("p",null,"tornado")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-typhoon-line"}),(0,e.kt)("p",null,"typhoon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-typhoon-fill"}),(0,e.kt)("p",null,"typhoon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-line"}),(0,e.kt)("p",null,"haze"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-fill"}),(0,e.kt)("p",null,"haze")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-2-line"}),(0,e.kt)("p",null,"haze-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-2-fill"}),(0,e.kt)("p",null,"haze-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-foggy-line"}),(0,e.kt)("p",null,"sun-foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-foggy-fill"}),(0,e.kt)("p",null,"sun-foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-foggy-line"}),(0,e.kt)("p",null,"moon-foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-foggy-fill"}),(0,e.kt)("p",null,"moon-foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-clear-line"}),(0,e.kt)("p",null,"moon-clear"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-clear-fill"}),(0,e.kt)("p",null,"moon-clear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-hot-line"}),(0,e.kt)("p",null,"temp-hot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-hot-fill"}),(0,e.kt)("p",null,"temp-hot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-cold-line"}),(0,e.kt)("p",null,"temp-cold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-cold-fill"}),(0,e.kt)("p",null,"temp-cold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-celsius-line"}),(0,e.kt)("p",null,"celsius"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-celsius-fill"}),(0,e.kt)("p",null,"celsius")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fahrenheit-line"}),(0,e.kt)("p",null,"fahrenheit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fahrenheit-fill"}),(0,e.kt)("p",null,"fahrenheit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fire-line"}),(0,e.kt)("p",null,"fire"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fire-fill"}),(0,e.kt)("p",null,"fire")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blaze-line"}),(0,e.kt)("p",null,"blaze"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blaze-fill"}),(0,e.kt)("p",null,"blaze")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earthquake-line"}),(0,e.kt)("p",null,"earthquake"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earthquake-fill"}),(0,e.kt)("p",null,"earthquake")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flood-line"}),(0,e.kt)("p",null,"flood"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flood-fill"}),(0,e.kt)("p",null,"flood")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-meteor-line"}),(0,e.kt)("p",null,"meteor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-meteor-fill"}),(0,e.kt)("p",null,"meteor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainbow-line"}),(0,e.kt)("p",null,"rainbow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainbow-fill"}),(0,e.kt)("p",null,"rainbow"))))),(0,e.kt)("h3",{id:"weather"},"Weather")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-basketball-line"}),(0,e.kt)("p",null,"basketball"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-basketball-fill"}),(0,e.kt)("p",null,"basketball")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bell-line"}),(0,e.kt)("p",null,"bell"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bell-fill"}),(0,e.kt)("p",null,"bell")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-billiards-line"}),(0,e.kt)("p",null,"billiards"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-billiards-fill"}),(0,e.kt)("p",null,"billiards")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-boxing-line"}),(0,e.kt)("p",null,"boxing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-boxing-fill"}),(0,e.kt)("p",null,"boxing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-line"}),(0,e.kt)("p",null,"cake"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-fill"}),(0,e.kt)("p",null,"cake")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-2-line"}),(0,e.kt)("p",null,"cake-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-2-fill"}),(0,e.kt)("p",null,"cake-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-3-line"}),(0,e.kt)("p",null,"cake-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-3-fill"}),(0,e.kt)("p",null,"cake-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-line"}),(0,e.kt)("p",null,"door-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-fill"}),(0,e.kt)("p",null,"door-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-box-line"}),(0,e.kt)("p",null,"door-lock-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-box-fill"}),(0,e.kt)("p",null,"door-lock-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-football-line"}),(0,e.kt)("p",null,"football"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-football-fill"}),(0,e.kt)("p",null,"football")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-game-line"}),(0,e.kt)("p",null,"game"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-game-fill"}),(0,e.kt)("p",null,"game")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-handbag-line"}),(0,e.kt)("p",null,"handbag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-handbag-fill"}),(0,e.kt)("p",null,"handbag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-line"}),(0,e.kt)("p",null,"key"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-fill"}),(0,e.kt)("p",null,"key")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-2-line"}),(0,e.kt)("p",null,"key-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-2-fill"}),(0,e.kt)("p",null,"key-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-line"}),(0,e.kt)("p",null,"knife"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-fill"}),(0,e.kt)("p",null,"knife")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-blood-line"}),(0,e.kt)("p",null,"knife-blood"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-blood-fill"}),(0,e.kt)("p",null,"knife-blood")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-line"}),(0,e.kt)("p",null,"lightbulb"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-fill"}),(0,e.kt)("p",null,"lightbulb")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-flash-line"}),(0,e.kt)("p",null,"lightbulb-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-flash-fill"}),(0,e.kt)("p",null,"lightbulb-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-line"}),(0,e.kt)("p",null,"outlet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-fill"}),(0,e.kt)("p",null,"outlet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-2-line"}),(0,e.kt)("p",null,"outlet-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-2-fill"}),(0,e.kt)("p",null,"outlet-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ping-pong-line"}),(0,e.kt)("p",null,"ping-pong"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ping-pong-fill"}),(0,e.kt)("p",null,"ping-pong")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-line"}),(0,e.kt)("p",null,"plug"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-fill"}),(0,e.kt)("p",null,"plug")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-2-line"}),(0,e.kt)("p",null,"plug-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-2-fill"}),(0,e.kt)("p",null,"plug-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reserved-line"}),(0,e.kt)("p",null,"reserved"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reserved-fill"}),(0,e.kt)("p",null,"reserved")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shirt-line"}),(0,e.kt)("p",null,"shirt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shirt-fill"}),(0,e.kt)("p",null,"shirt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sword-line"}),(0,e.kt)("p",null,"sword"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sword-fill"}),(0,e.kt)("p",null,"sword")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-line"}),(0,e.kt)("p",null,"t-shirt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-fill"}),(0,e.kt)("p",null,"t-shirt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-2-line"}),(0,e.kt)("p",null,"t-shirt-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-2-fill"}),(0,e.kt)("p",null,"t-shirt-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-air-line"}),(0,e.kt)("p",null,"t-shirt-air"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-air-fill"}),(0,e.kt)("p",null,"t-shirt-air")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-umbrella-line"}),(0,e.kt)("p",null,"umbrella"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-umbrella-fill"}),(0,e.kt)("p",null,"umbrella")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-character-recognition-line"}),(0,e.kt)("p",null,"character-recognition"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-character-recognition-fill"}),(0,e.kt)("p",null,"character-recognition")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voice-recognition-line"}),(0,e.kt)("p",null,"voice-recognition"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voice-recognition-fill"}),(0,e.kt)("p",null,"voice-recognition")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-leaf-line"}),(0,e.kt)("p",null,"leaf"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-leaf-fill"}),(0,e.kt)("p",null,"leaf")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plant-line"}),(0,e.kt)("p",null,"plant"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plant-fill"}),(0,e.kt)("p",null,"plant")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-seedling-line"}),(0,e.kt)("p",null,"seedling"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-seedling-fill"}),(0,e.kt)("p",null,"seedling")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-recycle-line"}),(0,e.kt)("p",null,"recycle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-recycle-fill"}),(0,e.kt)("p",null,"recycle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-line"}),(0,e.kt)("p",null,"scales"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-fill"}),(0,e.kt)("p",null,"scales")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-2-line"}),(0,e.kt)("p",null,"scales-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-2-fill"}),(0,e.kt)("p",null,"scales-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-3-line"}),(0,e.kt)("p",null,"scales-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-3-fill"}),(0,e.kt)("p",null,"scales-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fridge-line"}),(0,e.kt)("p",null,"fridge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fridge-fill"}),(0,e.kt)("p",null,"fridge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wheelchair-line"}),(0,e.kt)("p",null,"wheelchair"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wheelchair-fill"}),(0,e.kt)("p",null,"wheelchair")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cactus-line"}),(0,e.kt)("p",null,"cactus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cactus-fill"}),(0,e.kt)("p",null,"cactus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-line"}),(0,e.kt)("p",null,"door"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-fill"}),(0,e.kt)("p",null,"door")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-open-line"}),(0,e.kt)("p",null,"door-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-open-fill"}),(0,e.kt)("p",null,"door-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-closed-line"}),(0,e.kt)("p",null,"door-closed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-closed-fill"}),(0,e.kt)("p",null,"door-closed"))))),(0,e.kt)("h3",{id:"others"},"Others"))))}k.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/4442ee2e.58f12477.js b/docs/assets/js/4442ee2e.58f12477.js new file mode 100644 index 0000000000..de9ab52c04 --- /dev/null +++ b/docs/assets/js/4442ee2e.58f12477.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[952],{3905:(i,a,s)=>{s.d(a,{Zo:()=>k,kt:()=>v});var l=s(7294);function e(i,a,s){return a in i?Object.defineProperty(i,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[a]=s,i}function t(i,a){var s=Object.keys(i);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(i);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(i,a).enumerable}))),s.push.apply(s,l)}return s}function c(i){for(var a=1;a=0||(e[s]=i[s]);return e}(i,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(i);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(i,s)&&(e[s]=i[s])}return e}var m=l.createContext({}),o=function(i){var a=l.useContext(m),s=a;return i&&(s="function"==typeof i?i(a):c(c({},a),i)),s},k=function(i){var a=o(i.components);return l.createElement(m.Provider,{value:a},i.children)},N="mdxType",d={inlineCode:"code",wrapper:function(i){var a=i.children;return l.createElement(l.Fragment,{},a)}},r=l.forwardRef((function(i,a){var s=i.components,e=i.mdxType,t=i.originalType,m=i.parentName,k=n(i,["components","mdxType","originalType","parentName"]),N=o(s),r=e,v=N["".concat(m,".").concat(r)]||N[r]||d[r]||t;return s?l.createElement(v,c(c({ref:a},k),{},{components:s})):l.createElement(v,c({ref:a},k))}));function v(i,a){var s=arguments,e=a&&a.mdxType;if("string"==typeof i||e){var t=s.length,c=new Array(t);c[0]=r;var n={};for(var m in a)hasOwnProperty.call(a,m)&&(n[m]=a[m]);n.originalType=i,n[N]="string"==typeof i?i:e,c[1]=n;for(var o=2;o{s.r(a),s.d(a,{contentTitle:()=>c,default:()=>N,frontMatter:()=>t,metadata:()=>n,toc:()=>m});var l=s(7462),e=(s(7294),s(3905));const t={title:"Iconography",description:"",order:5},c=void 0,n={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"}},m=[{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}],o={toc:m},k="wrapper";function N(i){let{components:a,...s}=i;return(0,e.kt)(k,(0,l.Z)({},o,s,{components:a,mdxType:"MDXLayout"}),(0,e.kt)("b",null,"In our websites we use the Remix icon set "),(0,e.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,e.kt)("a",{parentName:"p",href:"http://remixicon.com/"},"http://remixicon.com/"),")"),(0,e.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,e.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,e.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,e.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,e.kt)("h3",{id:"grids"},"Grids"),(0,e.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,e.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,e.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,e.kt)("h3",{id:"strokes-and-fills"},"Strokes and fills"),(0,e.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,e.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,e.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,e.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,e.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,e.kt)("h2",{id:"icon-set"},"Icon set"),(0,e.kt)("div",{className:"icon-list"},(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-line"}),(0,e.kt)("p",null,"home"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-fill"}),(0,e.kt)("p",null,"home")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-2-line"}),(0,e.kt)("p",null,"home-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-2-fill"}),(0,e.kt)("p",null,"home-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-3-line"}),(0,e.kt)("p",null,"home-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-3-fill"}),(0,e.kt)("p",null,"home-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-4-line"}),(0,e.kt)("p",null,"home-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-4-fill"}),(0,e.kt)("p",null,"home-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-5-line"}),(0,e.kt)("p",null,"home-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-5-fill"}),(0,e.kt)("p",null,"home-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-6-line"}),(0,e.kt)("p",null,"home-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-6-fill"}),(0,e.kt)("p",null,"home-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-7-line"}),(0,e.kt)("p",null,"home-7"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-7-fill"}),(0,e.kt)("p",null,"home-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-8-line"}),(0,e.kt)("p",null,"home-8"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-8-fill"}),(0,e.kt)("p",null,"home-8")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-gear-line"}),(0,e.kt)("p",null,"home-gear"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-gear-fill"}),(0,e.kt)("p",null,"home-gear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-wifi-line"}),(0,e.kt)("p",null,"home-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-wifi-fill"}),(0,e.kt)("p",null,"home-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-line"}),(0,e.kt)("p",null,"home-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-fill"}),(0,e.kt)("p",null,"home-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-2-line"}),(0,e.kt)("p",null,"home-smile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-smile-2-fill"}),(0,e.kt)("p",null,"home-smile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-heart-line"}),(0,e.kt)("p",null,"home-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-home-heart-fill"}),(0,e.kt)("p",null,"home-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-line"}),(0,e.kt)("p",null,"building"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-fill"}),(0,e.kt)("p",null,"building")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-2-line"}),(0,e.kt)("p",null,"building-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-2-fill"}),(0,e.kt)("p",null,"building-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-3-line"}),(0,e.kt)("p",null,"building-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-3-fill"}),(0,e.kt)("p",null,"building-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-4-line"}),(0,e.kt)("p",null,"building-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-building-4-fill"}),(0,e.kt)("p",null,"building-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-line"}),(0,e.kt)("p",null,"hotel"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-fill"}),(0,e.kt)("p",null,"hotel")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-community-line"}),(0,e.kt)("p",null,"community"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-community-fill"}),(0,e.kt)("p",null,"community")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-government-line"}),(0,e.kt)("p",null,"government"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-government-fill"}),(0,e.kt)("p",null,"government")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-line"}),(0,e.kt)("p",null,"bank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-fill"}),(0,e.kt)("p",null,"bank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-line"}),(0,e.kt)("p",null,"store"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-fill"}),(0,e.kt)("p",null,"store")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-2-line"}),(0,e.kt)("p",null,"store-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-2-fill"}),(0,e.kt)("p",null,"store-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-3-line"}),(0,e.kt)("p",null,"store-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-store-3-fill"}),(0,e.kt)("p",null,"store-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hospital-line"}),(0,e.kt)("p",null,"hospital"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hospital-fill"}),(0,e.kt)("p",null,"hospital")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-gate-line"}),(0,e.kt)("p",null,"ancient-gate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-gate-fill"}),(0,e.kt)("p",null,"ancient-gate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-pavilion-line"}),(0,e.kt)("p",null,"ancient-pavilion"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ancient-pavilion-fill"}),(0,e.kt)("p",null,"ancient-pavilion"))))),(0,e.kt)("h3",{id:"buildings"},"Buildings")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-line"}),(0,e.kt)("p",null,"mail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-fill"}),(0,e.kt)("p",null,"mail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-open-line"}),(0,e.kt)("p",null,"mail-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-open-fill"}),(0,e.kt)("p",null,"mail-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-send-line"}),(0,e.kt)("p",null,"mail-send"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-send-fill"}),(0,e.kt)("p",null,"mail-send")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-unread-line"}),(0,e.kt)("p",null,"mail-unread"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-unread-fill"}),(0,e.kt)("p",null,"mail-unread")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-add-line"}),(0,e.kt)("p",null,"mail-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-add-fill"}),(0,e.kt)("p",null,"mail-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-check-line"}),(0,e.kt)("p",null,"mail-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-check-fill"}),(0,e.kt)("p",null,"mail-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-close-line"}),(0,e.kt)("p",null,"mail-close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-close-fill"}),(0,e.kt)("p",null,"mail-close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-download-line"}),(0,e.kt)("p",null,"mail-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-download-fill"}),(0,e.kt)("p",null,"mail-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-forbid-line"}),(0,e.kt)("p",null,"mail-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-forbid-fill"}),(0,e.kt)("p",null,"mail-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-lock-line"}),(0,e.kt)("p",null,"mail-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-lock-fill"}),(0,e.kt)("p",null,"mail-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-settings-line"}),(0,e.kt)("p",null,"mail-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-settings-fill"}),(0,e.kt)("p",null,"mail-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-star-line"}),(0,e.kt)("p",null,"mail-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-star-fill"}),(0,e.kt)("p",null,"mail-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-volume-line"}),(0,e.kt)("p",null,"mail-volume"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mail-volume-fill"}),(0,e.kt)("p",null,"mail-volume")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-line"}),(0,e.kt)("p",null,"inbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-fill"}),(0,e.kt)("p",null,"inbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-archive-line"}),(0,e.kt)("p",null,"inbox-archive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-archive-fill"}),(0,e.kt)("p",null,"inbox-archive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-unarchive-line"}),(0,e.kt)("p",null,"inbox-unarchive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-inbox-unarchive-fill"}),(0,e.kt)("p",null,"inbox-unarchive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-line"}),(0,e.kt)("p",null,"cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-fill"}),(0,e.kt)("p",null,"cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-off-line"}),(0,e.kt)("p",null,"cloud-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-off-fill"}),(0,e.kt)("p",null,"cloud-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-line"}),(0,e.kt)("p",null,"attachment"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-fill"}),(0,e.kt)("p",null,"attachment")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-profile-line"}),(0,e.kt)("p",null,"profile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-profile-fill"}),(0,e.kt)("p",null,"profile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-line"}),(0,e.kt)("p",null,"archive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-fill"}),(0,e.kt)("p",null,"archive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-drawer-line"}),(0,e.kt)("p",null,"archive-drawer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-archive-drawer-fill"}),(0,e.kt)("p",null,"archive-drawer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-at-line"}),(0,e.kt)("p",null,"at"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-at-fill"}),(0,e.kt)("p",null,"at")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-award-line"}),(0,e.kt)("p",null,"award"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-award-fill"}),(0,e.kt)("p",null,"award")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-line"}),(0,e.kt)("p",null,"medal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-fill"}),(0,e.kt)("p",null,"medal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-2-line"}),(0,e.kt)("p",null,"medal-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medal-2-fill"}),(0,e.kt)("p",null,"medal-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-line"}),(0,e.kt)("p",null,"bar-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-fill"}),(0,e.kt)("p",null,"bar-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-horizontal-line"}),(0,e.kt)("p",null,"bar-chart-horizontal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-horizontal-fill"}),(0,e.kt)("p",null,"bar-chart-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-2-line"}),(0,e.kt)("p",null,"bar-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-2-fill"}),(0,e.kt)("p",null,"bar-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-box-line"}),(0,e.kt)("p",null,"bar-chart-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-box-fill"}),(0,e.kt)("p",null,"bar-chart-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-grouped-line"}),(0,e.kt)("p",null,"bar-chart-grouped"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bar-chart-grouped-fill"}),(0,e.kt)("p",null,"bar-chart-grouped")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bubble-chart-line"}),(0,e.kt)("p",null,"bubble-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bubble-chart-fill"}),(0,e.kt)("p",null,"bubble-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-line"}),(0,e.kt)("p",null,"pie-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-fill"}),(0,e.kt)("p",null,"pie-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-2-line"}),(0,e.kt)("p",null,"pie-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-2-fill"}),(0,e.kt)("p",null,"pie-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-box-line"}),(0,e.kt)("p",null,"pie-chart-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pie-chart-box-fill"}),(0,e.kt)("p",null,"pie-chart-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-donut-chart-line"}),(0,e.kt)("p",null,"donut-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-donut-chart-fill"}),(0,e.kt)("p",null,"donut-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-chart-line"}),(0,e.kt)("p",null,"line-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-chart-fill"}),(0,e.kt)("p",null,"line-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-line"}),(0,e.kt)("p",null,"bookmark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-fill"}),(0,e.kt)("p",null,"bookmark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-2-line"}),(0,e.kt)("p",null,"bookmark-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-2-fill"}),(0,e.kt)("p",null,"bookmark-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-3-line"}),(0,e.kt)("p",null,"bookmark-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bookmark-3-fill"}),(0,e.kt)("p",null,"bookmark-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-line"}),(0,e.kt)("p",null,"briefcase"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-fill"}),(0,e.kt)("p",null,"briefcase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-2-line"}),(0,e.kt)("p",null,"briefcase-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-2-fill"}),(0,e.kt)("p",null,"briefcase-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-3-line"}),(0,e.kt)("p",null,"briefcase-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-3-fill"}),(0,e.kt)("p",null,"briefcase-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-4-line"}),(0,e.kt)("p",null,"briefcase-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-4-fill"}),(0,e.kt)("p",null,"briefcase-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-5-line"}),(0,e.kt)("p",null,"briefcase-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-briefcase-5-fill"}),(0,e.kt)("p",null,"briefcase-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calculator-line"}),(0,e.kt)("p",null,"calculator"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calculator-fill"}),(0,e.kt)("p",null,"calculator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-line"}),(0,e.kt)("p",null,"calendar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-fill"}),(0,e.kt)("p",null,"calendar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-2-line"}),(0,e.kt)("p",null,"calendar-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-2-fill"}),(0,e.kt)("p",null,"calendar-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-event-line"}),(0,e.kt)("p",null,"calendar-event"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-event-fill"}),(0,e.kt)("p",null,"calendar-event")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-todo-line"}),(0,e.kt)("p",null,"calendar-todo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-todo-fill"}),(0,e.kt)("p",null,"calendar-todo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-check-line"}),(0,e.kt)("p",null,"calendar-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-calendar-check-fill"}),(0,e.kt)("p",null,"calendar-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-line"}),(0,e.kt)("p",null,"customer-service"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-fill"}),(0,e.kt)("p",null,"customer-service")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-2-line"}),(0,e.kt)("p",null,"customer-service-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-customer-service-2-fill"}),(0,e.kt)("p",null,"customer-service-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-line"}),(0,e.kt)("p",null,"flag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-fill"}),(0,e.kt)("p",null,"flag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-2-line"}),(0,e.kt)("p",null,"flag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flag-2-fill"}),(0,e.kt)("p",null,"flag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-global-line"}),(0,e.kt)("p",null,"global"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-global-fill"}),(0,e.kt)("p",null,"global")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honour-line"}),(0,e.kt)("p",null,"honour"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honour-fill"}),(0,e.kt)("p",null,"honour")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-links-line"}),(0,e.kt)("p",null,"links"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-links-fill"}),(0,e.kt)("p",null,"links")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-line"}),(0,e.kt)("p",null,"printer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-fill"}),(0,e.kt)("p",null,"printer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-cloud-line"}),(0,e.kt)("p",null,"printer-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-printer-cloud-fill"}),(0,e.kt)("p",null,"printer-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-mail-line"}),(0,e.kt)("p",null,"record-mail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-mail-fill"}),(0,e.kt)("p",null,"record-mail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-line"}),(0,e.kt)("p",null,"reply"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-fill"}),(0,e.kt)("p",null,"reply")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-all-line"}),(0,e.kt)("p",null,"reply-all"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reply-all-fill"}),(0,e.kt)("p",null,"reply-all")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-line"}),(0,e.kt)("p",null,"send-plane"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-fill"}),(0,e.kt)("p",null,"send-plane")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-2-line"}),(0,e.kt)("p",null,"send-plane-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-plane-2-fill"}),(0,e.kt)("p",null,"send-plane-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-line"}),(0,e.kt)("p",null,"projector"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-fill"}),(0,e.kt)("p",null,"projector")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-2-line"}),(0,e.kt)("p",null,"projector-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-projector-2-fill"}),(0,e.kt)("p",null,"projector-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-line"}),(0,e.kt)("p",null,"slideshow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-fill"}),(0,e.kt)("p",null,"slideshow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-2-line"}),(0,e.kt)("p",null,"slideshow-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-2-fill"}),(0,e.kt)("p",null,"slideshow-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-3-line"}),(0,e.kt)("p",null,"slideshow-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-3-fill"}),(0,e.kt)("p",null,"slideshow-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-4-line"}),(0,e.kt)("p",null,"slideshow-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slideshow-4-fill"}),(0,e.kt)("p",null,"slideshow-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-line"}),(0,e.kt)("p",null,"window"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-fill"}),(0,e.kt)("p",null,"window")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-2-line"}),(0,e.kt)("p",null,"window-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-window-2-fill"}),(0,e.kt)("p",null,"window-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-line"}),(0,e.kt)("p",null,"stack"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-fill"}),(0,e.kt)("p",null,"stack")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-service-line"}),(0,e.kt)("p",null,"service"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-service-fill"}),(0,e.kt)("p",null,"service")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-registered-line"}),(0,e.kt)("p",null,"registered"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-registered-fill"}),(0,e.kt)("p",null,"registered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trademark-line"}),(0,e.kt)("p",null,"trademark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trademark-fill"}),(0,e.kt)("p",null,"trademark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-advertisement-line"}),(0,e.kt)("p",null,"advertisement"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-advertisement-fill"}),(0,e.kt)("p",null,"advertisement")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyleft-line"}),(0,e.kt)("p",null,"copyleft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyleft-fill"}),(0,e.kt)("p",null,"copyleft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyright-line"}),(0,e.kt)("p",null,"copyright"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copyright-fill"}),(0,e.kt)("p",null,"copyright")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-line"}),(0,e.kt)("p",null,"creative-commons"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-fill"}),(0,e.kt)("p",null,"creative-commons")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-by-line"}),(0,e.kt)("p",null,"creative-commons-by"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-by-fill"}),(0,e.kt)("p",null,"creative-commons-by")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nc-line"}),(0,e.kt)("p",null,"creative-commons-nc"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nc-fill"}),(0,e.kt)("p",null,"creative-commons-nc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nd-line"}),(0,e.kt)("p",null,"creative-commons-nd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-nd-fill"}),(0,e.kt)("p",null,"creative-commons-nd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-sa-line"}),(0,e.kt)("p",null,"creative-commons-sa"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-sa-fill"}),(0,e.kt)("p",null,"creative-commons-sa")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-zero-line"}),(0,e.kt)("p",null,"creative-commons-zero"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-creative-commons-zero-fill"}),(0,e.kt)("p",null,"creative-commons-zero"))))),(0,e.kt)("h3",{id:"business"},"Business")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-1-line"}),(0,e.kt)("p",null,"chat-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-1-fill"}),(0,e.kt)("p",null,"chat-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-2-line"}),(0,e.kt)("p",null,"chat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-2-fill"}),(0,e.kt)("p",null,"chat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-3-line"}),(0,e.kt)("p",null,"chat-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-3-fill"}),(0,e.kt)("p",null,"chat-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-4-line"}),(0,e.kt)("p",null,"chat-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-4-fill"}),(0,e.kt)("p",null,"chat-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-line"}),(0,e.kt)("p",null,"message"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-fill"}),(0,e.kt)("p",null,"message")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-2-line"}),(0,e.kt)("p",null,"message-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-2-fill"}),(0,e.kt)("p",null,"message-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-3-line"}),(0,e.kt)("p",null,"message-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-message-3-fill"}),(0,e.kt)("p",null,"message-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-check-line"}),(0,e.kt)("p",null,"chat-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-check-fill"}),(0,e.kt)("p",null,"chat-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-delete-line"}),(0,e.kt)("p",null,"chat-delete"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-delete-fill"}),(0,e.kt)("p",null,"chat-delete")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-forward-line"}),(0,e.kt)("p",null,"chat-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-forward-fill"}),(0,e.kt)("p",null,"chat-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-upload-line"}),(0,e.kt)("p",null,"chat-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-upload-fill"}),(0,e.kt)("p",null,"chat-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-download-line"}),(0,e.kt)("p",null,"chat-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-download-fill"}),(0,e.kt)("p",null,"chat-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-new-line"}),(0,e.kt)("p",null,"chat-new"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-new-fill"}),(0,e.kt)("p",null,"chat-new")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-settings-line"}),(0,e.kt)("p",null,"chat-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-settings-fill"}),(0,e.kt)("p",null,"chat-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-line"}),(0,e.kt)("p",null,"chat-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-fill"}),(0,e.kt)("p",null,"chat-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-2-line"}),(0,e.kt)("p",null,"chat-smile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-2-fill"}),(0,e.kt)("p",null,"chat-smile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-3-line"}),(0,e.kt)("p",null,"chat-smile-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-smile-3-fill"}),(0,e.kt)("p",null,"chat-smile-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-heart-line"}),(0,e.kt)("p",null,"chat-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-heart-fill"}),(0,e.kt)("p",null,"chat-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-off-line"}),(0,e.kt)("p",null,"chat-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-off-fill"}),(0,e.kt)("p",null,"chat-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-feedback-line"}),(0,e.kt)("p",null,"feedback"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-feedback-fill"}),(0,e.kt)("p",null,"feedback")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discuss-line"}),(0,e.kt)("p",null,"discuss"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discuss-fill"}),(0,e.kt)("p",null,"discuss")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-answer-line"}),(0,e.kt)("p",null,"question-answer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-answer-fill"}),(0,e.kt)("p",null,"question-answer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-questionnaire-line"}),(0,e.kt)("p",null,"questionnaire"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-questionnaire-fill"}),(0,e.kt)("p",null,"questionnaire")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-chat-line"}),(0,e.kt)("p",null,"video-chat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-chat-fill"}),(0,e.kt)("p",null,"video-chat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-voice-line"}),(0,e.kt)("p",null,"chat-voice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-voice-fill"}),(0,e.kt)("p",null,"chat-voice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-quote-line"}),(0,e.kt)("p",null,"chat-quote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-quote-fill"}),(0,e.kt)("p",null,"chat-quote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-follow-up-line"}),(0,e.kt)("p",null,"chat-follow-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-follow-up-fill"}),(0,e.kt)("p",null,"chat-follow-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-poll-line"}),(0,e.kt)("p",null,"chat-poll"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-poll-fill"}),(0,e.kt)("p",null,"chat-poll")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-history-line"}),(0,e.kt)("p",null,"chat-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-history-fill"}),(0,e.kt)("p",null,"chat-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-private-line"}),(0,e.kt)("p",null,"chat-private"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chat-private-fill"}),(0,e.kt)("p",null,"chat-private"))))),(0,e.kt)("h3",{id:"communication"},"Communication")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-line"}),(0,e.kt)("p",null,"pencil"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-fill"}),(0,e.kt)("p",null,"pencil")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-line"}),(0,e.kt)("p",null,"edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-fill"}),(0,e.kt)("p",null,"edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-2-line"}),(0,e.kt)("p",null,"edit-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-2-fill"}),(0,e.kt)("p",null,"edit-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ball-pen-line"}),(0,e.kt)("p",null,"ball-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ball-pen-fill"}),(0,e.kt)("p",null,"ball-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-quill-pen-line"}),(0,e.kt)("p",null,"quill-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-quill-pen-fill"}),(0,e.kt)("p",null,"quill-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pen-nib-line"}),(0,e.kt)("p",null,"pen-nib"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pen-nib-fill"}),(0,e.kt)("p",null,"pen-nib")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ink-bottle-line"}),(0,e.kt)("p",null,"ink-bottle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ink-bottle-fill"}),(0,e.kt)("p",null,"ink-bottle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mark-pen-line"}),(0,e.kt)("p",null,"mark-pen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mark-pen-fill"}),(0,e.kt)("p",null,"mark-pen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markup-line"}),(0,e.kt)("p",null,"markup"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markup-fill"}),(0,e.kt)("p",null,"markup")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-box-line"}),(0,e.kt)("p",null,"edit-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-box-fill"}),(0,e.kt)("p",null,"edit-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-circle-line"}),(0,e.kt)("p",null,"edit-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edit-circle-fill"}),(0,e.kt)("p",null,"edit-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sip-line"}),(0,e.kt)("p",null,"sip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sip-fill"}),(0,e.kt)("p",null,"sip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-line"}),(0,e.kt)("p",null,"brush"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-fill"}),(0,e.kt)("p",null,"brush")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-2-line"}),(0,e.kt)("p",null,"brush-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-2-fill"}),(0,e.kt)("p",null,"brush-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-3-line"}),(0,e.kt)("p",null,"brush-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-3-fill"}),(0,e.kt)("p",null,"brush-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-4-line"}),(0,e.kt)("p",null,"brush-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brush-4-fill"}),(0,e.kt)("p",null,"brush-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-brush-line"}),(0,e.kt)("p",null,"paint-brush"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-brush-fill"}),(0,e.kt)("p",null,"paint-brush")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-line"}),(0,e.kt)("p",null,"contrast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-fill"}),(0,e.kt)("p",null,"contrast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-2-line"}),(0,e.kt)("p",null,"contrast-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-2-fill"}),(0,e.kt)("p",null,"contrast-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drop-line"}),(0,e.kt)("p",null,"drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drop-fill"}),(0,e.kt)("p",null,"drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blur-off-line"}),(0,e.kt)("p",null,"blur-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blur-off-fill"}),(0,e.kt)("p",null,"blur-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-line"}),(0,e.kt)("p",null,"contrast-drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-fill"}),(0,e.kt)("p",null,"contrast-drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-2-line"}),(0,e.kt)("p",null,"contrast-drop-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contrast-drop-2-fill"}),(0,e.kt)("p",null,"contrast-drop-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-line"}),(0,e.kt)("p",null,"compasses"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-fill"}),(0,e.kt)("p",null,"compasses")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-2-line"}),(0,e.kt)("p",null,"compasses-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compasses-2-fill"}),(0,e.kt)("p",null,"compasses-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-line"}),(0,e.kt)("p",null,"scissors"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-fill"}),(0,e.kt)("p",null,"scissors")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-cut-line"}),(0,e.kt)("p",null,"scissors-cut"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-cut-fill"}),(0,e.kt)("p",null,"scissors-cut")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-2-line"}),(0,e.kt)("p",null,"scissors-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scissors-2-fill"}),(0,e.kt)("p",null,"scissors-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slice-line"}),(0,e.kt)("p",null,"slice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slice-fill"}),(0,e.kt)("p",null,"slice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eraser-line"}),(0,e.kt)("p",null,"eraser"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eraser-fill"}),(0,e.kt)("p",null,"eraser")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-line"}),(0,e.kt)("p",null,"ruler"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-fill"}),(0,e.kt)("p",null,"ruler")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-2-line"}),(0,e.kt)("p",null,"ruler-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ruler-2-fill"}),(0,e.kt)("p",null,"ruler-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-line"}),(0,e.kt)("p",null,"pencil-ruler"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-fill"}),(0,e.kt)("p",null,"pencil-ruler")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-2-line"}),(0,e.kt)("p",null,"pencil-ruler-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pencil-ruler-2-fill"}),(0,e.kt)("p",null,"pencil-ruler-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-box-line"}),(0,e.kt)("p",null,"t-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-box-fill"}),(0,e.kt)("p",null,"t-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-method-line"}),(0,e.kt)("p",null,"input-method"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-method-fill"}),(0,e.kt)("p",null,"input-method")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-line"}),(0,e.kt)("p",null,"artboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-fill"}),(0,e.kt)("p",null,"artboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-2-line"}),(0,e.kt)("p",null,"artboard-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-artboard-2-fill"}),(0,e.kt)("p",null,"artboard-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-line"}),(0,e.kt)("p",null,"crop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-fill"}),(0,e.kt)("p",null,"crop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-2-line"}),(0,e.kt)("p",null,"crop-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-crop-2-fill"}),(0,e.kt)("p",null,"crop-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-line"}),(0,e.kt)("p",null,"screenshot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-fill"}),(0,e.kt)("p",null,"screenshot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-2-line"}),(0,e.kt)("p",null,"screenshot-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-screenshot-2-fill"}),(0,e.kt)("p",null,"screenshot-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-line"}),(0,e.kt)("p",null,"drag-move"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-fill"}),(0,e.kt)("p",null,"drag-move")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-2-line"}),(0,e.kt)("p",null,"drag-move-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-move-2-fill"}),(0,e.kt)("p",null,"drag-move-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-line"}),(0,e.kt)("p",null,"focus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-fill"}),(0,e.kt)("p",null,"focus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-2-line"}),(0,e.kt)("p",null,"focus-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-2-fill"}),(0,e.kt)("p",null,"focus-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-3-line"}),(0,e.kt)("p",null,"focus-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-focus-3-fill"}),(0,e.kt)("p",null,"focus-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-line"}),(0,e.kt)("p",null,"paint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paint-fill"}),(0,e.kt)("p",null,"paint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-palette-line"}),(0,e.kt)("p",null,"palette"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-palette-fill"}),(0,e.kt)("p",null,"palette")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pantone-line"}),(0,e.kt)("p",null,"pantone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pantone-fill"}),(0,e.kt)("p",null,"pantone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-line"}),(0,e.kt)("p",null,"shape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-fill"}),(0,e.kt)("p",null,"shape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-2-line"}),(0,e.kt)("p",null,"shape-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shape-2-fill"}),(0,e.kt)("p",null,"shape-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-magic-line"}),(0,e.kt)("p",null,"magic"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-magic-fill"}),(0,e.kt)("p",null,"magic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-line"}),(0,e.kt)("p",null,"anticlockwise"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-fill"}),(0,e.kt)("p",null,"anticlockwise")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-2-line"}),(0,e.kt)("p",null,"anticlockwise-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anticlockwise-2-fill"}),(0,e.kt)("p",null,"anticlockwise-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-line"}),(0,e.kt)("p",null,"clockwise"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-fill"}),(0,e.kt)("p",null,"clockwise")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-2-line"}),(0,e.kt)("p",null,"clockwise-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clockwise-2-fill"}),(0,e.kt)("p",null,"clockwise-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hammer-line"}),(0,e.kt)("p",null,"hammer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hammer-fill"}),(0,e.kt)("p",null,"hammer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tools-line"}),(0,e.kt)("p",null,"tools"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tools-fill"}),(0,e.kt)("p",null,"tools")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-drop-line"}),(0,e.kt)("p",null,"drag-drop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drag-drop-fill"}),(0,e.kt)("p",null,"drag-drop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-line"}),(0,e.kt)("p",null,"table"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-fill"}),(0,e.kt)("p",null,"table")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-alt-line"}),(0,e.kt)("p",null,"table-alt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-alt-fill"}),(0,e.kt)("p",null,"table-alt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-line"}),(0,e.kt)("p",null,"layout"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-fill"}),(0,e.kt)("p",null,"layout")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-2-line"}),(0,e.kt)("p",null,"layout-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-2-fill"}),(0,e.kt)("p",null,"layout-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-3-line"}),(0,e.kt)("p",null,"layout-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-3-fill"}),(0,e.kt)("p",null,"layout-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-4-line"}),(0,e.kt)("p",null,"layout-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-4-fill"}),(0,e.kt)("p",null,"layout-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-5-line"}),(0,e.kt)("p",null,"layout-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-5-fill"}),(0,e.kt)("p",null,"layout-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-6-line"}),(0,e.kt)("p",null,"layout-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-6-fill"}),(0,e.kt)("p",null,"layout-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-column-line"}),(0,e.kt)("p",null,"layout-column"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-column-fill"}),(0,e.kt)("p",null,"layout-column")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-row-line"}),(0,e.kt)("p",null,"layout-row"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-row-fill"}),(0,e.kt)("p",null,"layout-row")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-line"}),(0,e.kt)("p",null,"layout-top"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-fill"}),(0,e.kt)("p",null,"layout-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-line"}),(0,e.kt)("p",null,"layout-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-fill"}),(0,e.kt)("p",null,"layout-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-line"}),(0,e.kt)("p",null,"layout-bottom"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-fill"}),(0,e.kt)("p",null,"layout-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-line"}),(0,e.kt)("p",null,"layout-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-fill"}),(0,e.kt)("p",null,"layout-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-2-line"}),(0,e.kt)("p",null,"layout-top-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-top-2-fill"}),(0,e.kt)("p",null,"layout-top-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-2-line"}),(0,e.kt)("p",null,"layout-right-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-right-2-fill"}),(0,e.kt)("p",null,"layout-right-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-2-line"}),(0,e.kt)("p",null,"layout-bottom-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-bottom-2-fill"}),(0,e.kt)("p",null,"layout-bottom-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-2-line"}),(0,e.kt)("p",null,"layout-left-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-left-2-fill"}),(0,e.kt)("p",null,"layout-left-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-grid-line"}),(0,e.kt)("p",null,"layout-grid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-grid-fill"}),(0,e.kt)("p",null,"layout-grid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-masonry-line"}),(0,e.kt)("p",null,"layout-masonry"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-layout-masonry-fill"}),(0,e.kt)("p",null,"layout-masonry")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-collage-line"}),(0,e.kt)("p",null,"collage"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-collage-fill"}),(0,e.kt)("p",null,"collage")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-grid-line"}),(0,e.kt)("p",null,"grid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-grid-fill"}),(0,e.kt)("p",null,"grid"))))),(0,e.kt)("h3",{id:"design"},"Design")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-line"}),(0,e.kt)("p",null,"bug"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-fill"}),(0,e.kt)("p",null,"bug")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-2-line"}),(0,e.kt)("p",null,"bug-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bug-2-fill"}),(0,e.kt)("p",null,"bug-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-line"}),(0,e.kt)("p",null,"code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-fill"}),(0,e.kt)("p",null,"code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-line"}),(0,e.kt)("p",null,"code-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-fill"}),(0,e.kt)("p",null,"code-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-slash-line"}),(0,e.kt)("p",null,"code-s-slash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-s-slash-fill"}),(0,e.kt)("p",null,"code-s-slash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-box-line"}),(0,e.kt)("p",null,"code-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-box-fill"}),(0,e.kt)("p",null,"code-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-box-line"}),(0,e.kt)("p",null,"terminal-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-box-fill"}),(0,e.kt)("p",null,"terminal-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-line"}),(0,e.kt)("p",null,"terminal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-fill"}),(0,e.kt)("p",null,"terminal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-window-line"}),(0,e.kt)("p",null,"terminal-window"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-terminal-window-fill"}),(0,e.kt)("p",null,"terminal-window")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parentheses-line"}),(0,e.kt)("p",null,"parentheses"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parentheses-fill"}),(0,e.kt)("p",null,"parentheses")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brackets-line"}),(0,e.kt)("p",null,"brackets"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-brackets-fill"}),(0,e.kt)("p",null,"brackets")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-braces-line"}),(0,e.kt)("p",null,"braces"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-braces-fill"}),(0,e.kt)("p",null,"braces")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-command-line"}),(0,e.kt)("p",null,"command"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-command-fill"}),(0,e.kt)("p",null,"command")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cursor-line"}),(0,e.kt)("p",null,"cursor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cursor-fill"}),(0,e.kt)("p",null,"cursor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-commit-line"}),(0,e.kt)("p",null,"git-commit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-commit-fill"}),(0,e.kt)("p",null,"git-commit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-pull-request-line"}),(0,e.kt)("p",null,"git-pull-request"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-pull-request-fill"}),(0,e.kt)("p",null,"git-pull-request")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-merge-line"}),(0,e.kt)("p",null,"git-merge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-merge-fill"}),(0,e.kt)("p",null,"git-merge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-branch-line"}),(0,e.kt)("p",null,"git-branch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-branch-fill"}),(0,e.kt)("p",null,"git-branch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-line"}),(0,e.kt)("p",null,"git-repository"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-fill"}),(0,e.kt)("p",null,"git-repository")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-commits-line"}),(0,e.kt)("p",null,"git-repository-commits"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-commits-fill"}),(0,e.kt)("p",null,"git-repository-commits")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-private-line"}),(0,e.kt)("p",null,"git-repository-private"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-git-repository-private-fill"}),(0,e.kt)("p",null,"git-repository-private")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-html5-line"}),(0,e.kt)("p",null,"html5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-html5-fill"}),(0,e.kt)("p",null,"html5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-css3-line"}),(0,e.kt)("p",null,"css3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-css3-fill"}),(0,e.kt)("p",null,"css3"))))),(0,e.kt)("h3",{id:"development"},"Development")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-line"}),(0,e.kt)("p",null,"tv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-fill"}),(0,e.kt)("p",null,"tv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-2-line"}),(0,e.kt)("p",null,"tv-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tv-2-fill"}),(0,e.kt)("p",null,"tv-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-computer-line"}),(0,e.kt)("p",null,"computer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-computer-fill"}),(0,e.kt)("p",null,"computer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mac-line"}),(0,e.kt)("p",null,"mac"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mac-fill"}),(0,e.kt)("p",null,"mac")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-macbook-line"}),(0,e.kt)("p",null,"macbook"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-macbook-fill"}),(0,e.kt)("p",null,"macbook")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cellphone-line"}),(0,e.kt)("p",null,"cellphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cellphone-fill"}),(0,e.kt)("p",null,"cellphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-smartphone-line"}),(0,e.kt)("p",null,"smartphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-smartphone-fill"}),(0,e.kt)("p",null,"smartphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tablet-line"}),(0,e.kt)("p",null,"tablet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tablet-fill"}),(0,e.kt)("p",null,"tablet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-line"}),(0,e.kt)("p",null,"device"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-fill"}),(0,e.kt)("p",null,"device")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-line"}),(0,e.kt)("p",null,"phone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-fill"}),(0,e.kt)("p",null,"phone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-line"}),(0,e.kt)("p",null,"database"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-fill"}),(0,e.kt)("p",null,"database")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-2-line"}),(0,e.kt)("p",null,"database-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-database-2-fill"}),(0,e.kt)("p",null,"database-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-server-line"}),(0,e.kt)("p",null,"server"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-server-fill"}),(0,e.kt)("p",null,"server")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-line"}),(0,e.kt)("p",null,"hard-drive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-fill"}),(0,e.kt)("p",null,"hard-drive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-2-line"}),(0,e.kt)("p",null,"hard-drive-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hard-drive-2-fill"}),(0,e.kt)("p",null,"hard-drive-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-install-line"}),(0,e.kt)("p",null,"install"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-install-fill"}),(0,e.kt)("p",null,"install")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-uninstall-line"}),(0,e.kt)("p",null,"uninstall"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-uninstall-fill"}),(0,e.kt)("p",null,"uninstall")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-line"}),(0,e.kt)("p",null,"save"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-fill"}),(0,e.kt)("p",null,"save")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-2-line"}),(0,e.kt)("p",null,"save-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-2-fill"}),(0,e.kt)("p",null,"save-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-3-line"}),(0,e.kt)("p",null,"save-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-save-3-fill"}),(0,e.kt)("p",null,"save-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-line"}),(0,e.kt)("p",null,"sd-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-fill"}),(0,e.kt)("p",null,"sd-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-mini-line"}),(0,e.kt)("p",null,"sd-card-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sd-card-mini-fill"}),(0,e.kt)("p",null,"sd-card-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-line"}),(0,e.kt)("p",null,"sim-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-fill"}),(0,e.kt)("p",null,"sim-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-2-line"}),(0,e.kt)("p",null,"sim-card-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sim-card-2-fill"}),(0,e.kt)("p",null,"sim-card-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-1-line"}),(0,e.kt)("p",null,"dual-sim-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-1-fill"}),(0,e.kt)("p",null,"dual-sim-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-2-line"}),(0,e.kt)("p",null,"dual-sim-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dual-sim-2-fill"}),(0,e.kt)("p",null,"dual-sim-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-u-disk-line"}),(0,e.kt)("p",null,"u-disk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-u-disk-fill"}),(0,e.kt)("p",null,"u-disk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-line"}),(0,e.kt)("p",null,"battery"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-fill"}),(0,e.kt)("p",null,"battery")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-charge-line"}),(0,e.kt)("p",null,"battery-charge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-charge-fill"}),(0,e.kt)("p",null,"battery-charge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-low-line"}),(0,e.kt)("p",null,"battery-low"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-low-fill"}),(0,e.kt)("p",null,"battery-low")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-line"}),(0,e.kt)("p",null,"battery-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-fill"}),(0,e.kt)("p",null,"battery-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-charge-line"}),(0,e.kt)("p",null,"battery-2-charge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-2-charge-fill"}),(0,e.kt)("p",null,"battery-2-charge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-saver-line"}),(0,e.kt)("p",null,"battery-saver"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-saver-fill"}),(0,e.kt)("p",null,"battery-saver")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-share-line"}),(0,e.kt)("p",null,"battery-share"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-battery-share-fill"}),(0,e.kt)("p",null,"battery-share")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cast-line"}),(0,e.kt)("p",null,"cast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cast-fill"}),(0,e.kt)("p",null,"cast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-airplay-line"}),(0,e.kt)("p",null,"airplay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-airplay-fill"}),(0,e.kt)("p",null,"airplay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cpu-line"}),(0,e.kt)("p",null,"cpu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cpu-fill"}),(0,e.kt)("p",null,"cpu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gradienter-line"}),(0,e.kt)("p",null,"gradienter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gradienter-fill"}),(0,e.kt)("p",null,"gradienter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-line"}),(0,e.kt)("p",null,"keyboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-fill"}),(0,e.kt)("p",null,"keyboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-box-line"}),(0,e.kt)("p",null,"keyboard-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keyboard-box-fill"}),(0,e.kt)("p",null,"keyboard-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mouse-line"}),(0,e.kt)("p",null,"mouse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mouse-fill"}),(0,e.kt)("p",null,"mouse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sensor-line"}),(0,e.kt)("p",null,"sensor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sensor-fill"}),(0,e.kt)("p",null,"sensor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-router-line"}),(0,e.kt)("p",null,"router"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-router-fill"}),(0,e.kt)("p",null,"router")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radar-line"}),(0,e.kt)("p",null,"radar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radar-fill"}),(0,e.kt)("p",null,"radar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gamepad-line"}),(0,e.kt)("p",null,"gamepad"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gamepad-fill"}),(0,e.kt)("p",null,"gamepad")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-line"}),(0,e.kt)("p",null,"remote-control"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-fill"}),(0,e.kt)("p",null,"remote-control")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-2-line"}),(0,e.kt)("p",null,"remote-control-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remote-control-2-fill"}),(0,e.kt)("p",null,"remote-control-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-recover-line"}),(0,e.kt)("p",null,"device-recover"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-device-recover-fill"}),(0,e.kt)("p",null,"device-recover")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotspot-line"}),(0,e.kt)("p",null,"hotspot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotspot-fill"}),(0,e.kt)("p",null,"hotspot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-find-line"}),(0,e.kt)("p",null,"phone-find"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-find-fill"}),(0,e.kt)("p",null,"phone-find")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-lock-line"}),(0,e.kt)("p",null,"phone-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-lock-fill"}),(0,e.kt)("p",null,"phone-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rotate-lock-line"}),(0,e.kt)("p",null,"rotate-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rotate-lock-fill"}),(0,e.kt)("p",null,"rotate-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restart-line"}),(0,e.kt)("p",null,"restart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restart-fill"}),(0,e.kt)("p",null,"restart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shut-down-line"}),(0,e.kt)("p",null,"shut-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shut-down-fill"}),(0,e.kt)("p",null,"shut-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-line"}),(0,e.kt)("p",null,"fingerprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-fill"}),(0,e.kt)("p",null,"fingerprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-2-line"}),(0,e.kt)("p",null,"fingerprint-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fingerprint-2-fill"}),(0,e.kt)("p",null,"fingerprint-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-line"}),(0,e.kt)("p",null,"barcode"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-fill"}),(0,e.kt)("p",null,"barcode")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-box-line"}),(0,e.kt)("p",null,"barcode-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barcode-box-fill"}),(0,e.kt)("p",null,"barcode-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-code-line"}),(0,e.kt)("p",null,"qr-code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-code-fill"}),(0,e.kt)("p",null,"qr-code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-line"}),(0,e.kt)("p",null,"qr-scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-fill"}),(0,e.kt)("p",null,"qr-scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-2-line"}),(0,e.kt)("p",null,"qr-scan-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qr-scan-2-fill"}),(0,e.kt)("p",null,"qr-scan-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-line"}),(0,e.kt)("p",null,"scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-fill"}),(0,e.kt)("p",null,"scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-2-line"}),(0,e.kt)("p",null,"scan-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scan-2-fill"}),(0,e.kt)("p",null,"scan-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rss-line"}),(0,e.kt)("p",null,"rss"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rss-fill"}),(0,e.kt)("p",null,"rss")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gps-line"}),(0,e.kt)("p",null,"gps"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gps-fill"}),(0,e.kt)("p",null,"gps")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-base-station-line"}),(0,e.kt)("p",null,"base-station"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-base-station-fill"}),(0,e.kt)("p",null,"base-station")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-line"}),(0,e.kt)("p",null,"bluetooth"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-fill"}),(0,e.kt)("p",null,"bluetooth")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-connect-line"}),(0,e.kt)("p",null,"bluetooth-connect"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bluetooth-connect-fill"}),(0,e.kt)("p",null,"bluetooth-connect")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-line"}),(0,e.kt)("p",null,"wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-fill"}),(0,e.kt)("p",null,"wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-off-line"}),(0,e.kt)("p",null,"wifi-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wifi-off-fill"}),(0,e.kt)("p",null,"wifi-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-line"}),(0,e.kt)("p",null,"signal-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-fill"}),(0,e.kt)("p",null,"signal-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-1-line"}),(0,e.kt)("p",null,"signal-wifi-1"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-1-fill"}),(0,e.kt)("p",null,"signal-wifi-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-2-line"}),(0,e.kt)("p",null,"signal-wifi-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-2-fill"}),(0,e.kt)("p",null,"signal-wifi-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-3-line"}),(0,e.kt)("p",null,"signal-wifi-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-3-fill"}),(0,e.kt)("p",null,"signal-wifi-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-error-line"}),(0,e.kt)("p",null,"signal-wifi-error"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-error-fill"}),(0,e.kt)("p",null,"signal-wifi-error")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-off-line"}),(0,e.kt)("p",null,"signal-wifi-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-wifi-off-fill"}),(0,e.kt)("p",null,"signal-wifi-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wireless-charging-line"}),(0,e.kt)("p",null,"wireless-charging"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wireless-charging-fill"}),(0,e.kt)("p",null,"wireless-charging")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-2-line"}),(0,e.kt)("p",null,"dashboard-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-2-fill"}),(0,e.kt)("p",null,"dashboard-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-3-line"}),(0,e.kt)("p",null,"dashboard-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-3-fill"}),(0,e.kt)("p",null,"dashboard-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-usb-line"}),(0,e.kt)("p",null,"usb"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-usb-fill"}),(0,e.kt)("p",null,"usb"))))),(0,e.kt)("h3",{id:"device"},"Device")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-line"}),(0,e.kt)("p",null,"file"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-fill"}),(0,e.kt)("p",null,"file")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-2-line"}),(0,e.kt)("p",null,"file-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-2-fill"}),(0,e.kt)("p",null,"file-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-3-line"}),(0,e.kt)("p",null,"file-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-3-fill"}),(0,e.kt)("p",null,"file-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-4-line"}),(0,e.kt)("p",null,"file-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-4-fill"}),(0,e.kt)("p",null,"file-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-line"}),(0,e.kt)("p",null,"sticky-note"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-fill"}),(0,e.kt)("p",null,"sticky-note")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-2-line"}),(0,e.kt)("p",null,"sticky-note-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sticky-note-2-fill"}),(0,e.kt)("p",null,"sticky-note-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-edit-line"}),(0,e.kt)("p",null,"file-edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-edit-fill"}),(0,e.kt)("p",null,"file-edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-draft-line"}),(0,e.kt)("p",null,"draft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-draft-fill"}),(0,e.kt)("p",null,"draft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-line"}),(0,e.kt)("p",null,"file-paper"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-fill"}),(0,e.kt)("p",null,"file-paper")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-2-line"}),(0,e.kt)("p",null,"file-paper-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-paper-2-fill"}),(0,e.kt)("p",null,"file-paper-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-text-line"}),(0,e.kt)("p",null,"file-text"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-text-fill"}),(0,e.kt)("p",null,"file-text")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-line"}),(0,e.kt)("p",null,"file-list"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-fill"}),(0,e.kt)("p",null,"file-list")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-2-line"}),(0,e.kt)("p",null,"file-list-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-2-fill"}),(0,e.kt)("p",null,"file-list-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-3-line"}),(0,e.kt)("p",null,"file-list-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-list-3-fill"}),(0,e.kt)("p",null,"file-list-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bill-line"}),(0,e.kt)("p",null,"bill"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bill-fill"}),(0,e.kt)("p",null,"bill")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-line"}),(0,e.kt)("p",null,"file-copy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-fill"}),(0,e.kt)("p",null,"file-copy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-2-line"}),(0,e.kt)("p",null,"file-copy-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-copy-2-fill"}),(0,e.kt)("p",null,"file-copy-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clipboard-line"}),(0,e.kt)("p",null,"clipboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clipboard-fill"}),(0,e.kt)("p",null,"clipboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-survey-line"}),(0,e.kt)("p",null,"survey"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-survey-fill"}),(0,e.kt)("p",null,"survey")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-article-line"}),(0,e.kt)("p",null,"article"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-article-fill"}),(0,e.kt)("p",null,"article")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-newspaper-line"}),(0,e.kt)("p",null,"newspaper"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-newspaper-fill"}),(0,e.kt)("p",null,"newspaper")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-zip-line"}),(0,e.kt)("p",null,"file-zip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-zip-fill"}),(0,e.kt)("p",null,"file-zip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-mark-line"}),(0,e.kt)("p",null,"file-mark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-mark-fill"}),(0,e.kt)("p",null,"file-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-task-line"}),(0,e.kt)("p",null,"task"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-task-fill"}),(0,e.kt)("p",null,"task")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-todo-line"}),(0,e.kt)("p",null,"todo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-todo-fill"}),(0,e.kt)("p",null,"todo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-line"}),(0,e.kt)("p",null,"book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-fill"}),(0,e.kt)("p",null,"book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-mark-line"}),(0,e.kt)("p",null,"book-mark"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-mark-fill"}),(0,e.kt)("p",null,"book-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-2-line"}),(0,e.kt)("p",null,"book-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-2-fill"}),(0,e.kt)("p",null,"book-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-3-line"}),(0,e.kt)("p",null,"book-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-3-fill"}),(0,e.kt)("p",null,"book-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-open-line"}),(0,e.kt)("p",null,"book-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-open-fill"}),(0,e.kt)("p",null,"book-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-read-line"}),(0,e.kt)("p",null,"book-read"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-book-read-fill"}),(0,e.kt)("p",null,"book-read")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-line"}),(0,e.kt)("p",null,"contacts-book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-fill"}),(0,e.kt)("p",null,"contacts-book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-2-line"}),(0,e.kt)("p",null,"contacts-book-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-2-fill"}),(0,e.kt)("p",null,"contacts-book-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-upload-line"}),(0,e.kt)("p",null,"contacts-book-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-book-upload-fill"}),(0,e.kt)("p",null,"contacts-book-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-booklet-line"}),(0,e.kt)("p",null,"booklet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-booklet-fill"}),(0,e.kt)("p",null,"booklet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-code-line"}),(0,e.kt)("p",null,"file-code"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-code-fill"}),(0,e.kt)("p",null,"file-code")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-pdf-line"}),(0,e.kt)("p",null,"file-pdf"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-pdf-fill"}),(0,e.kt)("p",null,"file-pdf")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-line"}),(0,e.kt)("p",null,"file-word"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-fill"}),(0,e.kt)("p",null,"file-word")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-line"}),(0,e.kt)("p",null,"file-ppt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-fill"}),(0,e.kt)("p",null,"file-ppt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-line"}),(0,e.kt)("p",null,"file-excel"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-fill"}),(0,e.kt)("p",null,"file-excel")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-2-line"}),(0,e.kt)("p",null,"file-word-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-word-2-fill"}),(0,e.kt)("p",null,"file-word-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-2-line"}),(0,e.kt)("p",null,"file-ppt-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-ppt-2-fill"}),(0,e.kt)("p",null,"file-ppt-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-2-line"}),(0,e.kt)("p",null,"file-excel-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-excel-2-fill"}),(0,e.kt)("p",null,"file-excel-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-hwp-line"}),(0,e.kt)("p",null,"file-hwp"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-hwp-fill"}),(0,e.kt)("p",null,"file-hwp")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keynote-line"}),(0,e.kt)("p",null,"keynote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-keynote-fill"}),(0,e.kt)("p",null,"keynote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-numbers-line"}),(0,e.kt)("p",null,"numbers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-numbers-fill"}),(0,e.kt)("p",null,"numbers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pages-line"}),(0,e.kt)("p",null,"pages"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pages-fill"}),(0,e.kt)("p",null,"pages")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-search-line"}),(0,e.kt)("p",null,"file-search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-search-fill"}),(0,e.kt)("p",null,"file-search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-add-line"}),(0,e.kt)("p",null,"file-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-add-fill"}),(0,e.kt)("p",null,"file-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-reduce-line"}),(0,e.kt)("p",null,"file-reduce"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-reduce-fill"}),(0,e.kt)("p",null,"file-reduce")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-settings-line"}),(0,e.kt)("p",null,"file-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-settings-fill"}),(0,e.kt)("p",null,"file-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-upload-line"}),(0,e.kt)("p",null,"file-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-upload-fill"}),(0,e.kt)("p",null,"file-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-transfer-line"}),(0,e.kt)("p",null,"file-transfer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-transfer-fill"}),(0,e.kt)("p",null,"file-transfer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-download-line"}),(0,e.kt)("p",null,"file-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-download-fill"}),(0,e.kt)("p",null,"file-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-lock-line"}),(0,e.kt)("p",null,"file-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-lock-fill"}),(0,e.kt)("p",null,"file-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-line"}),(0,e.kt)("p",null,"file-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-fill"}),(0,e.kt)("p",null,"file-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-2-line"}),(0,e.kt)("p",null,"file-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-chart-2-fill"}),(0,e.kt)("p",null,"file-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-music-line"}),(0,e.kt)("p",null,"file-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-music-fill"}),(0,e.kt)("p",null,"file-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-gif-line"}),(0,e.kt)("p",null,"file-gif"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-gif-fill"}),(0,e.kt)("p",null,"file-gif")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-forbid-line"}),(0,e.kt)("p",null,"file-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-forbid-fill"}),(0,e.kt)("p",null,"file-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-info-line"}),(0,e.kt)("p",null,"file-info"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-info-fill"}),(0,e.kt)("p",null,"file-info")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-warning-line"}),(0,e.kt)("p",null,"file-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-warning-fill"}),(0,e.kt)("p",null,"file-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-unknow-line"}),(0,e.kt)("p",null,"file-unknow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-unknow-fill"}),(0,e.kt)("p",null,"file-unknow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-user-line"}),(0,e.kt)("p",null,"file-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-user-fill"}),(0,e.kt)("p",null,"file-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-line"}),(0,e.kt)("p",null,"file-shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-fill"}),(0,e.kt)("p",null,"file-shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-2-line"}),(0,e.kt)("p",null,"file-shield-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shield-2-fill"}),(0,e.kt)("p",null,"file-shield-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-damage-line"}),(0,e.kt)("p",null,"file-damage"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-damage-fill"}),(0,e.kt)("p",null,"file-damage")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-history-line"}),(0,e.kt)("p",null,"file-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-history-fill"}),(0,e.kt)("p",null,"file-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shred-line"}),(0,e.kt)("p",null,"file-shred"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-shred-fill"}),(0,e.kt)("p",null,"file-shred")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-cloud-line"}),(0,e.kt)("p",null,"file-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-file-cloud-fill"}),(0,e.kt)("p",null,"file-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-line"}),(0,e.kt)("p",null,"folder"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-fill"}),(0,e.kt)("p",null,"folder")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-2-line"}),(0,e.kt)("p",null,"folder-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-2-fill"}),(0,e.kt)("p",null,"folder-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-3-line"}),(0,e.kt)("p",null,"folder-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-3-fill"}),(0,e.kt)("p",null,"folder-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-4-line"}),(0,e.kt)("p",null,"folder-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-4-fill"}),(0,e.kt)("p",null,"folder-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-5-line"}),(0,e.kt)("p",null,"folder-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-5-fill"}),(0,e.kt)("p",null,"folder-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folders-line"}),(0,e.kt)("p",null,"folders"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folders-fill"}),(0,e.kt)("p",null,"folders")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-add-line"}),(0,e.kt)("p",null,"folder-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-add-fill"}),(0,e.kt)("p",null,"folder-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-reduce-line"}),(0,e.kt)("p",null,"folder-reduce"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-reduce-fill"}),(0,e.kt)("p",null,"folder-reduce")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-settings-line"}),(0,e.kt)("p",null,"folder-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-settings-fill"}),(0,e.kt)("p",null,"folder-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-upload-line"}),(0,e.kt)("p",null,"folder-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-upload-fill"}),(0,e.kt)("p",null,"folder-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-transfer-line"}),(0,e.kt)("p",null,"folder-transfer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-transfer-fill"}),(0,e.kt)("p",null,"folder-transfer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-download-line"}),(0,e.kt)("p",null,"folder-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-download-fill"}),(0,e.kt)("p",null,"folder-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-lock-line"}),(0,e.kt)("p",null,"folder-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-lock-fill"}),(0,e.kt)("p",null,"folder-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-line"}),(0,e.kt)("p",null,"folder-chart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-fill"}),(0,e.kt)("p",null,"folder-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-2-line"}),(0,e.kt)("p",null,"folder-chart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-chart-2-fill"}),(0,e.kt)("p",null,"folder-chart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-music-line"}),(0,e.kt)("p",null,"folder-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-music-fill"}),(0,e.kt)("p",null,"folder-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-forbid-line"}),(0,e.kt)("p",null,"folder-forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-forbid-fill"}),(0,e.kt)("p",null,"folder-forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-info-line"}),(0,e.kt)("p",null,"folder-info"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-info-fill"}),(0,e.kt)("p",null,"folder-info")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-warning-line"}),(0,e.kt)("p",null,"folder-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-warning-fill"}),(0,e.kt)("p",null,"folder-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-unknow-line"}),(0,e.kt)("p",null,"folder-unknow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-unknow-fill"}),(0,e.kt)("p",null,"folder-unknow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-user-line"}),(0,e.kt)("p",null,"folder-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-user-fill"}),(0,e.kt)("p",null,"folder-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-line"}),(0,e.kt)("p",null,"folder-shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-fill"}),(0,e.kt)("p",null,"folder-shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-2-line"}),(0,e.kt)("p",null,"folder-shield-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shield-2-fill"}),(0,e.kt)("p",null,"folder-shield-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shared-line"}),(0,e.kt)("p",null,"folder-shared"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-shared-fill"}),(0,e.kt)("p",null,"folder-shared")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-received-line"}),(0,e.kt)("p",null,"folder-received"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-received-fill"}),(0,e.kt)("p",null,"folder-received")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-open-line"}),(0,e.kt)("p",null,"folder-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-open-fill"}),(0,e.kt)("p",null,"folder-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-keyhole-line"}),(0,e.kt)("p",null,"folder-keyhole"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-keyhole-fill"}),(0,e.kt)("p",null,"folder-keyhole")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-zip-line"}),(0,e.kt)("p",null,"folder-zip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-zip-fill"}),(0,e.kt)("p",null,"folder-zip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-history-line"}),(0,e.kt)("p",null,"folder-history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-folder-history-fill"}),(0,e.kt)("p",null,"folder-history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markdown-line"}),(0,e.kt)("p",null,"markdown"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-markdown-fill"}),(0,e.kt)("p",null,"markdown"))))),(0,e.kt)("h3",{id:"document"},"Document")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bold"}),(0,e.kt)("p",null,"bold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-italic"}),(0,e.kt)("p",null,"italic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heading"}),(0,e.kt)("p",null,"heading")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text"}),(0,e.kt)("p",null,"text")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-color"}),(0,e.kt)("p",null,"font-color")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-size"}),(0,e.kt)("p",null,"font-size")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-font-size-2"}),(0,e.kt)("p",null,"font-size-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-underline"}),(0,e.kt)("p",null,"underline")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emphasis"}),(0,e.kt)("p",null,"emphasis")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emphasis-cn"}),(0,e.kt)("p",null,"emphasis-cn")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-strikethrough"}),(0,e.kt)("p",null,"strikethrough")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-strikethrough-2"}),(0,e.kt)("p",null,"strikethrough-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-format-clear"}),(0,e.kt)("p",null,"format-clear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-left"}),(0,e.kt)("p",null,"align-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-center"}),(0,e.kt)("p",null,"align-center")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-right"}),(0,e.kt)("p",null,"align-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-justify"}),(0,e.kt)("p",null,"align-justify")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-top"}),(0,e.kt)("p",null,"align-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-vertically"}),(0,e.kt)("p",null,"align-vertically")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-align-bottom"}),(0,e.kt)("p",null,"align-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-check"}),(0,e.kt)("p",null,"list-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-check-2"}),(0,e.kt)("p",null,"list-check-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-ordered"}),(0,e.kt)("p",null,"list-ordered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-unordered"}),(0,e.kt)("p",null,"list-unordered")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indent-decrease"}),(0,e.kt)("p",null,"indent-decrease")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indent-increase"}),(0,e.kt)("p",null,"indent-increase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-height"}),(0,e.kt)("p",null,"line-height")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-spacing"}),(0,e.kt)("p",null,"text-spacing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-wrap"}),(0,e.kt)("p",null,"text-wrap")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-attachment-2"}),(0,e.kt)("p",null,"attachment-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link"}),(0,e.kt)("p",null,"link")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-unlink"}),(0,e.kt)("p",null,"link-unlink")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-m"}),(0,e.kt)("p",null,"link-m")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-link-unlink-m"}),(0,e.kt)("p",null,"link-unlink-m")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-separator"}),(0,e.kt)("p",null,"separator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space"}),(0,e.kt)("p",null,"space")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-page-separator"}),(0,e.kt)("p",null,"page-separator")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-code-view"}),(0,e.kt)("p",null,"code-view")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-double-quotes-l"}),(0,e.kt)("p",null,"double-quotes-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-double-quotes-r"}),(0,e.kt)("p",null,"double-quotes-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-single-quotes-l"}),(0,e.kt)("p",null,"single-quotes-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-single-quotes-r"}),(0,e.kt)("p",null,"single-quotes-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-table-2"}),(0,e.kt)("p",null,"table-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subscript"}),(0,e.kt)("p",null,"subscript")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subscript-2"}),(0,e.kt)("p",null,"subscript-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-superscript"}),(0,e.kt)("p",null,"superscript")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-superscript-2"}),(0,e.kt)("p",null,"superscript-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paragraph"}),(0,e.kt)("p",null,"paragraph")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-direction-l"}),(0,e.kt)("p",null,"text-direction-l")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-text-direction-r"}),(0,e.kt)("p",null,"text-direction-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-functions"}),(0,e.kt)("p",null,"functions")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-omega"}),(0,e.kt)("p",null,"omega")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hashtag"}),(0,e.kt)("p",null,"hashtag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-asterisk"}),(0,e.kt)("p",null,"asterisk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-mark"}),(0,e.kt)("p",null,"question-mark")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-translate"}),(0,e.kt)("p",null,"translate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-translate-2"}),(0,e.kt)("p",null,"translate-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-a-b"}),(0,e.kt)("p",null,"a-b")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-english-input"}),(0,e.kt)("p",null,"english-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinyin-input"}),(0,e.kt)("p",null,"pinyin-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wubi-input"}),(0,e.kt)("p",null,"wubi-input")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-input-cursor-move"}),(0,e.kt)("p",null,"input-cursor-move")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-1"}),(0,e.kt)("p",null,"number-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-2"}),(0,e.kt)("p",null,"number-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-3"}),(0,e.kt)("p",null,"number-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-4"}),(0,e.kt)("p",null,"number-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-5"}),(0,e.kt)("p",null,"number-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-6"}),(0,e.kt)("p",null,"number-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-7"}),(0,e.kt)("p",null,"number-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-8"}),(0,e.kt)("p",null,"number-8")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-9"}),(0,e.kt)("p",null,"number-9")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-number-0"}),(0,e.kt)("p",null,"number-0")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sort-asc"}),(0,e.kt)("p",null,"sort-asc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sort-desc"}),(0,e.kt)("p",null,"sort-desc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bring-forward"}),(0,e.kt)("p",null,"bring-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-backward"}),(0,e.kt)("p",null,"send-backward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bring-to-front"}),(0,e.kt)("p",null,"bring-to-front")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-send-to-back"}),(0,e.kt)("p",null,"send-to-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-1"}),(0,e.kt)("p",null,"h-1")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-2"}),(0,e.kt)("p",null,"h-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-3"}),(0,e.kt)("p",null,"h-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-4"}),(0,e.kt)("p",null,"h-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-5"}),(0,e.kt)("p",null,"h-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-h-6"}),(0,e.kt)("p",null,"h-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-column-left"}),(0,e.kt)("p",null,"insert-column-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-column-right"}),(0,e.kt)("p",null,"insert-column-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-row-top"}),(0,e.kt)("p",null,"insert-row-top")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-insert-row-bottom"}),(0,e.kt)("p",null,"insert-row-bottom")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-column"}),(0,e.kt)("p",null,"delete-column")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-row"}),(0,e.kt)("p",null,"delete-row")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-merge-cells-horizontal"}),(0,e.kt)("p",null,"merge-cells-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-merge-cells-vertical"}),(0,e.kt)("p",null,"merge-cells-vertical")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-split-cells-horizontal"}),(0,e.kt)("p",null,"split-cells-horizontal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-split-cells-vertical"}),(0,e.kt)("p",null,"split-cells-vertical")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flow-chart"}),(0,e.kt)("p",null,"flow-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mind-map"}),(0,e.kt)("p",null,"mind-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-node-tree"}),(0,e.kt)("p",null,"node-tree")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-organization-chart"}),(0,e.kt)("p",null,"organization-chart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rounded-corner"}),(0,e.kt)("p",null,"rounded-corner"))))),(0,e.kt)("h3",{id:"editor"},"Editor")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-line"}),(0,e.kt)("p",null,"wallet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-fill"}),(0,e.kt)("p",null,"wallet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-2-line"}),(0,e.kt)("p",null,"wallet-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-2-fill"}),(0,e.kt)("p",null,"wallet-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-3-line"}),(0,e.kt)("p",null,"wallet-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wallet-3-fill"}),(0,e.kt)("p",null,"wallet-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-line"}),(0,e.kt)("p",null,"bank-card"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-fill"}),(0,e.kt)("p",null,"bank-card")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-2-line"}),(0,e.kt)("p",null,"bank-card-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bank-card-2-fill"}),(0,e.kt)("p",null,"bank-card-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-secure-payment-line"}),(0,e.kt)("p",null,"secure-payment"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-secure-payment-fill"}),(0,e.kt)("p",null,"secure-payment")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-line"}),(0,e.kt)("p",null,"refund"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-fill"}),(0,e.kt)("p",null,"refund")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-2-line"}),(0,e.kt)("p",null,"refund-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refund-2-fill"}),(0,e.kt)("p",null,"refund-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-line"}),(0,e.kt)("p",null,"safe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-fill"}),(0,e.kt)("p",null,"safe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-2-line"}),(0,e.kt)("p",null,"safe-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safe-2-fill"}),(0,e.kt)("p",null,"safe-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-line"}),(0,e.kt)("p",null,"price-tag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-fill"}),(0,e.kt)("p",null,"price-tag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-2-line"}),(0,e.kt)("p",null,"price-tag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-2-fill"}),(0,e.kt)("p",null,"price-tag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-3-line"}),(0,e.kt)("p",null,"price-tag-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-price-tag-3-fill"}),(0,e.kt)("p",null,"price-tag-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-line"}),(0,e.kt)("p",null,"ticket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-fill"}),(0,e.kt)("p",null,"ticket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-2-line"}),(0,e.kt)("p",null,"ticket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ticket-2-fill"}),(0,e.kt)("p",null,"ticket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-line"}),(0,e.kt)("p",null,"coupon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-fill"}),(0,e.kt)("p",null,"coupon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-2-line"}),(0,e.kt)("p",null,"coupon-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-2-fill"}),(0,e.kt)("p",null,"coupon-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-3-line"}),(0,e.kt)("p",null,"coupon-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-3-fill"}),(0,e.kt)("p",null,"coupon-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-4-line"}),(0,e.kt)("p",null,"coupon-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-4-fill"}),(0,e.kt)("p",null,"coupon-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-5-line"}),(0,e.kt)("p",null,"coupon-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coupon-5-fill"}),(0,e.kt)("p",null,"coupon-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-line"}),(0,e.kt)("p",null,"shopping-bag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-fill"}),(0,e.kt)("p",null,"shopping-bag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-2-line"}),(0,e.kt)("p",null,"shopping-bag-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-2-fill"}),(0,e.kt)("p",null,"shopping-bag-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-3-line"}),(0,e.kt)("p",null,"shopping-bag-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-bag-3-fill"}),(0,e.kt)("p",null,"shopping-bag-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-line"}),(0,e.kt)("p",null,"shopping-basket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-fill"}),(0,e.kt)("p",null,"shopping-basket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-2-line"}),(0,e.kt)("p",null,"shopping-basket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-basket-2-fill"}),(0,e.kt)("p",null,"shopping-basket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-line"}),(0,e.kt)("p",null,"shopping-cart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-fill"}),(0,e.kt)("p",null,"shopping-cart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-2-line"}),(0,e.kt)("p",null,"shopping-cart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shopping-cart-2-fill"}),(0,e.kt)("p",null,"shopping-cart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-line"}),(0,e.kt)("p",null,"vip"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-fill"}),(0,e.kt)("p",null,"vip")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-line"}),(0,e.kt)("p",null,"vip-crown"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-fill"}),(0,e.kt)("p",null,"vip-crown")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-2-line"}),(0,e.kt)("p",null,"vip-crown-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-crown-2-fill"}),(0,e.kt)("p",null,"vip-crown-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-diamond-line"}),(0,e.kt)("p",null,"vip-diamond"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vip-diamond-fill"}),(0,e.kt)("p",null,"vip-diamond")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trophy-line"}),(0,e.kt)("p",null,"trophy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trophy-fill"}),(0,e.kt)("p",null,"trophy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-line"}),(0,e.kt)("p",null,"exchange"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-fill"}),(0,e.kt)("p",null,"exchange")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-box-line"}),(0,e.kt)("p",null,"exchange-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-box-fill"}),(0,e.kt)("p",null,"exchange-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-line"}),(0,e.kt)("p",null,"swap"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-fill"}),(0,e.kt)("p",null,"swap")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-box-line"}),(0,e.kt)("p",null,"swap-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-swap-box-fill"}),(0,e.kt)("p",null,"swap-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-dollar-line"}),(0,e.kt)("p",null,"exchange-dollar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-dollar-fill"}),(0,e.kt)("p",null,"exchange-dollar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-cny-line"}),(0,e.kt)("p",null,"exchange-cny"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-cny-fill"}),(0,e.kt)("p",null,"exchange-cny")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-funds-line"}),(0,e.kt)("p",null,"exchange-funds"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-exchange-funds-fill"}),(0,e.kt)("p",null,"exchange-funds")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-increase-decrease-line"}),(0,e.kt)("p",null,"increase-decrease"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-increase-decrease-fill"}),(0,e.kt)("p",null,"increase-decrease")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-percent-line"}),(0,e.kt)("p",null,"percent"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-percent-fill"}),(0,e.kt)("p",null,"percent")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-coin-line"}),(0,e.kt)("p",null,"copper-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-coin-fill"}),(0,e.kt)("p",null,"copper-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-diamond-line"}),(0,e.kt)("p",null,"copper-diamond"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-copper-diamond-fill"}),(0,e.kt)("p",null,"copper-diamond")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-box-line"}),(0,e.kt)("p",null,"money-cny-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-box-fill"}),(0,e.kt)("p",null,"money-cny-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-circle-line"}),(0,e.kt)("p",null,"money-cny-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-cny-circle-fill"}),(0,e.kt)("p",null,"money-cny-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-box-line"}),(0,e.kt)("p",null,"money-dollar-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-box-fill"}),(0,e.kt)("p",null,"money-dollar-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-circle-line"}),(0,e.kt)("p",null,"money-dollar-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-dollar-circle-fill"}),(0,e.kt)("p",null,"money-dollar-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-box-line"}),(0,e.kt)("p",null,"money-euro-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-box-fill"}),(0,e.kt)("p",null,"money-euro-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-circle-line"}),(0,e.kt)("p",null,"money-euro-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-euro-circle-fill"}),(0,e.kt)("p",null,"money-euro-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-box-line"}),(0,e.kt)("p",null,"money-pound-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-box-fill"}),(0,e.kt)("p",null,"money-pound-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-circle-line"}),(0,e.kt)("p",null,"money-pound-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-money-pound-circle-fill"}),(0,e.kt)("p",null,"money-pound-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bit-coin-line"}),(0,e.kt)("p",null,"bit-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bit-coin-fill"}),(0,e.kt)("p",null,"bit-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coin-line"}),(0,e.kt)("p",null,"coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coin-fill"}),(0,e.kt)("p",null,"coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coins-line"}),(0,e.kt)("p",null,"coins"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coins-fill"}),(0,e.kt)("p",null,"coins")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-currency-line"}),(0,e.kt)("p",null,"currency"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-currency-fill"}),(0,e.kt)("p",null,"currency")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-line"}),(0,e.kt)("p",null,"funds"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-fill"}),(0,e.kt)("p",null,"funds")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-box-line"}),(0,e.kt)("p",null,"funds-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-funds-box-fill"}),(0,e.kt)("p",null,"funds-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-red-packet-line"}),(0,e.kt)("p",null,"red-packet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-red-packet-fill"}),(0,e.kt)("p",null,"red-packet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-water-flash-line"}),(0,e.kt)("p",null,"water-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-water-flash-fill"}),(0,e.kt)("p",null,"water-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stock-line"}),(0,e.kt)("p",null,"stock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stock-fill"}),(0,e.kt)("p",null,"stock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-auction-line"}),(0,e.kt)("p",null,"auction"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-auction-fill"}),(0,e.kt)("p",null,"auction")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-line"}),(0,e.kt)("p",null,"gift"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-fill"}),(0,e.kt)("p",null,"gift")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-2-line"}),(0,e.kt)("p",null,"gift-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gift-2-fill"}),(0,e.kt)("p",null,"gift-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-coin-line"}),(0,e.kt)("p",null,"hand-coin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-coin-fill"}),(0,e.kt)("p",null,"hand-coin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-heart-line"}),(0,e.kt)("p",null,"hand-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-heart-fill"}),(0,e.kt)("p",null,"hand-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-24-hours-line"}),(0,e.kt)("p",null,"24-hours"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-24-hours-fill"}),(0,e.kt)("p",null,"24-hours"))))),(0,e.kt)("h3",{id:"finance"},"Finance")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-line"}),(0,e.kt)("p",null,"heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-fill"}),(0,e.kt)("p",null,"heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-2-line"}),(0,e.kt)("p",null,"heart-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-2-fill"}),(0,e.kt)("p",null,"heart-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-3-line"}),(0,e.kt)("p",null,"heart-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-3-fill"}),(0,e.kt)("p",null,"heart-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-add-line"}),(0,e.kt)("p",null,"heart-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-add-fill"}),(0,e.kt)("p",null,"heart-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dislike-line"}),(0,e.kt)("p",null,"dislike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dislike-fill"}),(0,e.kt)("p",null,"dislike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hearts-line"}),(0,e.kt)("p",null,"hearts"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hearts-fill"}),(0,e.kt)("p",null,"hearts")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-pulse-line"}),(0,e.kt)("p",null,"heart-pulse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heart-pulse-fill"}),(0,e.kt)("p",null,"heart-pulse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pulse-line"}),(0,e.kt)("p",null,"pulse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pulse-fill"}),(0,e.kt)("p",null,"pulse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-empathize-line"}),(0,e.kt)("p",null,"empathize"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-empathize-fill"}),(0,e.kt)("p",null,"empathize")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-nurse-line"}),(0,e.kt)("p",null,"nurse"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-nurse-fill"}),(0,e.kt)("p",null,"nurse")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dossier-line"}),(0,e.kt)("p",null,"dossier"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dossier-fill"}),(0,e.kt)("p",null,"dossier")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-health-book-line"}),(0,e.kt)("p",null,"health-book"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-health-book-fill"}),(0,e.kt)("p",null,"health-book")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-first-aid-kit-line"}),(0,e.kt)("p",null,"first-aid-kit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-first-aid-kit-fill"}),(0,e.kt)("p",null,"first-aid-kit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-capsule-line"}),(0,e.kt)("p",null,"capsule"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-capsule-fill"}),(0,e.kt)("p",null,"capsule")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medicine-bottle-line"}),(0,e.kt)("p",null,"medicine-bottle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medicine-bottle-fill"}),(0,e.kt)("p",null,"medicine-bottle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flask-line"}),(0,e.kt)("p",null,"flask"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flask-fill"}),(0,e.kt)("p",null,"flask")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-test-tube-line"}),(0,e.kt)("p",null,"test-tube"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-test-tube-fill"}),(0,e.kt)("p",null,"test-tube")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microscope-line"}),(0,e.kt)("p",null,"microscope"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microscope-fill"}),(0,e.kt)("p",null,"microscope")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-sanitizer-line"}),(0,e.kt)("p",null,"hand-sanitizer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hand-sanitizer-fill"}),(0,e.kt)("p",null,"hand-sanitizer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mental-health-line"}),(0,e.kt)("p",null,"mental-health"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mental-health-fill"}),(0,e.kt)("p",null,"mental-health")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-psychotherapy-line"}),(0,e.kt)("p",null,"psychotherapy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-psychotherapy-fill"}),(0,e.kt)("p",null,"psychotherapy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stethoscope-line"}),(0,e.kt)("p",null,"stethoscope"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stethoscope-fill"}),(0,e.kt)("p",null,"stethoscope")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-syringe-line"}),(0,e.kt)("p",null,"syringe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-syringe-fill"}),(0,e.kt)("p",null,"syringe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thermometer-line"}),(0,e.kt)("p",null,"thermometer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thermometer-fill"}),(0,e.kt)("p",null,"thermometer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-infrared-thermometer-line"}),(0,e.kt)("p",null,"infrared-thermometer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-infrared-thermometer-fill"}),(0,e.kt)("p",null,"infrared-thermometer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surgical-mask-line"}),(0,e.kt)("p",null,"surgical-mask"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surgical-mask-fill"}),(0,e.kt)("p",null,"surgical-mask")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-virus-line"}),(0,e.kt)("p",null,"virus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-virus-fill"}),(0,e.kt)("p",null,"virus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lungs-line"}),(0,e.kt)("p",null,"lungs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lungs-fill"}),(0,e.kt)("p",null,"lungs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rest-time-line"}),(0,e.kt)("p",null,"rest-time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rest-time-fill"}),(0,e.kt)("p",null,"rest-time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zzz-line"}),(0,e.kt)("p",null,"zzz"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zzz-fill"}),(0,e.kt)("p",null,"zzz"))))),(0,e.kt)("h3",{id:"health--medical"},"Health ","&"," Medical")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alipay-line"}),(0,e.kt)("p",null,"alipay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alipay-fill"}),(0,e.kt)("p",null,"alipay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-amazon-line"}),(0,e.kt)("p",null,"amazon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-amazon-fill"}),(0,e.kt)("p",null,"amazon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-android-line"}),(0,e.kt)("p",null,"android"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-android-fill"}),(0,e.kt)("p",null,"android")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-angularjs-line"}),(0,e.kt)("p",null,"angularjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-angularjs-fill"}),(0,e.kt)("p",null,"angularjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-app-store-line"}),(0,e.kt)("p",null,"app-store"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-app-store-fill"}),(0,e.kt)("p",null,"app-store")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apple-line"}),(0,e.kt)("p",null,"apple"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apple-fill"}),(0,e.kt)("p",null,"apple")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-baidu-line"}),(0,e.kt)("p",null,"baidu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-baidu-fill"}),(0,e.kt)("p",null,"baidu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-behance-line"}),(0,e.kt)("p",null,"behance"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-behance-fill"}),(0,e.kt)("p",null,"behance")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bilibili-line"}),(0,e.kt)("p",null,"bilibili"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bilibili-fill"}),(0,e.kt)("p",null,"bilibili")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-centos-line"}),(0,e.kt)("p",null,"centos"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-centos-fill"}),(0,e.kt)("p",null,"centos")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chrome-line"}),(0,e.kt)("p",null,"chrome"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-chrome-fill"}),(0,e.kt)("p",null,"chrome")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-codepen-line"}),(0,e.kt)("p",null,"codepen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-codepen-fill"}),(0,e.kt)("p",null,"codepen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coreos-line"}),(0,e.kt)("p",null,"coreos"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-coreos-fill"}),(0,e.kt)("p",null,"coreos")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dingding-line"}),(0,e.kt)("p",null,"dingding"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dingding-fill"}),(0,e.kt)("p",null,"dingding")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discord-line"}),(0,e.kt)("p",null,"discord"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-discord-fill"}),(0,e.kt)("p",null,"discord")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disqus-line"}),(0,e.kt)("p",null,"disqus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disqus-fill"}),(0,e.kt)("p",null,"disqus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-douban-line"}),(0,e.kt)("p",null,"douban"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-douban-fill"}),(0,e.kt)("p",null,"douban")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dribbble-line"}),(0,e.kt)("p",null,"dribbble"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dribbble-fill"}),(0,e.kt)("p",null,"dribbble")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drive-line"}),(0,e.kt)("p",null,"drive"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drive-fill"}),(0,e.kt)("p",null,"drive")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dropbox-line"}),(0,e.kt)("p",null,"dropbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dropbox-fill"}),(0,e.kt)("p",null,"dropbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edge-line"}),(0,e.kt)("p",null,"edge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-edge-fill"}),(0,e.kt)("p",null,"edge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-evernote-line"}),(0,e.kt)("p",null,"evernote"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-evernote-fill"}),(0,e.kt)("p",null,"evernote")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-line"}),(0,e.kt)("p",null,"facebook"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-fill"}),(0,e.kt)("p",null,"facebook")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-circle-line"}),(0,e.kt)("p",null,"facebook-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-circle-fill"}),(0,e.kt)("p",null,"facebook-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-box-line"}),(0,e.kt)("p",null,"facebook-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-facebook-box-fill"}),(0,e.kt)("p",null,"facebook-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-finder-line"}),(0,e.kt)("p",null,"finder"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-finder-fill"}),(0,e.kt)("p",null,"finder")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-firefox-line"}),(0,e.kt)("p",null,"firefox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-firefox-fill"}),(0,e.kt)("p",null,"firefox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flutter-line"}),(0,e.kt)("p",null,"flutter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flutter-fill"}),(0,e.kt)("p",null,"flutter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gatsby-line"}),(0,e.kt)("p",null,"gatsby"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gatsby-fill"}),(0,e.kt)("p",null,"gatsby")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-github-line"}),(0,e.kt)("p",null,"github"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-github-fill"}),(0,e.kt)("p",null,"github")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gitlab-line"}),(0,e.kt)("p",null,"gitlab"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gitlab-fill"}),(0,e.kt)("p",null,"gitlab")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-line"}),(0,e.kt)("p",null,"google"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-fill"}),(0,e.kt)("p",null,"google")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-play-line"}),(0,e.kt)("p",null,"google-play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-google-play-fill"}),(0,e.kt)("p",null,"google-play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honor-of-kings-line"}),(0,e.kt)("p",null,"honor-of-kings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-honor-of-kings-fill"}),(0,e.kt)("p",null,"honor-of-kings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ie-line"}),(0,e.kt)("p",null,"ie"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ie-fill"}),(0,e.kt)("p",null,"ie")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-instagram-line"}),(0,e.kt)("p",null,"instagram"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-instagram-fill"}),(0,e.kt)("p",null,"instagram")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-invision-line"}),(0,e.kt)("p",null,"invision"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-invision-fill"}),(0,e.kt)("p",null,"invision")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-kakao-talk-line"}),(0,e.kt)("p",null,"kakao-talk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-kakao-talk-fill"}),(0,e.kt)("p",null,"kakao-talk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-line"}),(0,e.kt)("p",null,"line"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-line-fill"}),(0,e.kt)("p",null,"line")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-line"}),(0,e.kt)("p",null,"linkedin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-fill"}),(0,e.kt)("p",null,"linkedin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-box-line"}),(0,e.kt)("p",null,"linkedin-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-linkedin-box-fill"}),(0,e.kt)("p",null,"linkedin-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastercard-line"}),(0,e.kt)("p",null,"mastercard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastercard-fill"}),(0,e.kt)("p",null,"mastercard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastodon-line"}),(0,e.kt)("p",null,"mastodon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mastodon-fill"}),(0,e.kt)("p",null,"mastodon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medium-line"}),(0,e.kt)("p",null,"medium"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-medium-fill"}),(0,e.kt)("p",null,"medium")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-messenger-line"}),(0,e.kt)("p",null,"messenger"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-messenger-fill"}),(0,e.kt)("p",null,"messenger")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microsoft-line"}),(0,e.kt)("p",null,"microsoft"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-microsoft-fill"}),(0,e.kt)("p",null,"microsoft")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mini-program-line"}),(0,e.kt)("p",null,"mini-program"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mini-program-fill"}),(0,e.kt)("p",null,"mini-program")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netease-cloud-music-line"}),(0,e.kt)("p",null,"netease-cloud-music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netease-cloud-music-fill"}),(0,e.kt)("p",null,"netease-cloud-music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netflix-line"}),(0,e.kt)("p",null,"netflix"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-netflix-fill"}),(0,e.kt)("p",null,"netflix")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-npmjs-line"}),(0,e.kt)("p",null,"npmjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-npmjs-fill"}),(0,e.kt)("p",null,"npmjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-source-line"}),(0,e.kt)("p",null,"open-source"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-source-fill"}),(0,e.kt)("p",null,"open-source")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-opera-line"}),(0,e.kt)("p",null,"opera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-opera-fill"}),(0,e.kt)("p",null,"opera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-patreon-line"}),(0,e.kt)("p",null,"patreon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-patreon-fill"}),(0,e.kt)("p",null,"patreon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paypal-line"}),(0,e.kt)("p",null,"paypal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-paypal-fill"}),(0,e.kt)("p",null,"paypal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinterest-line"}),(0,e.kt)("p",null,"pinterest"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pinterest-fill"}),(0,e.kt)("p",null,"pinterest")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pixelfed-line"}),(0,e.kt)("p",null,"pixelfed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pixelfed-fill"}),(0,e.kt)("p",null,"pixelfed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-playstation-line"}),(0,e.kt)("p",null,"playstation"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-playstation-fill"}),(0,e.kt)("p",null,"playstation")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-product-hunt-line"}),(0,e.kt)("p",null,"product-hunt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-product-hunt-fill"}),(0,e.kt)("p",null,"product-hunt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qq-line"}),(0,e.kt)("p",null,"qq"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-qq-fill"}),(0,e.kt)("p",null,"qq")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reactjs-line"}),(0,e.kt)("p",null,"reactjs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reactjs-fill"}),(0,e.kt)("p",null,"reactjs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reddit-line"}),(0,e.kt)("p",null,"reddit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reddit-fill"}),(0,e.kt)("p",null,"reddit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remixicon-line"}),(0,e.kt)("p",null,"remixicon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-remixicon-fill"}),(0,e.kt)("p",null,"remixicon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safari-line"}),(0,e.kt)("p",null,"safari"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-safari-fill"}),(0,e.kt)("p",null,"safari")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skype-line"}),(0,e.kt)("p",null,"skype"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skype-fill"}),(0,e.kt)("p",null,"skype")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slack-line"}),(0,e.kt)("p",null,"slack"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-slack-fill"}),(0,e.kt)("p",null,"slack")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snapchat-line"}),(0,e.kt)("p",null,"snapchat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snapchat-fill"}),(0,e.kt)("p",null,"snapchat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-soundcloud-line"}),(0,e.kt)("p",null,"soundcloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-soundcloud-fill"}),(0,e.kt)("p",null,"soundcloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spectrum-line"}),(0,e.kt)("p",null,"spectrum"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spectrum-fill"}),(0,e.kt)("p",null,"spectrum")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spotify-line"}),(0,e.kt)("p",null,"spotify"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spotify-fill"}),(0,e.kt)("p",null,"spotify")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-overflow-line"}),(0,e.kt)("p",null,"stack-overflow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stack-overflow-fill"}),(0,e.kt)("p",null,"stack-overflow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stackshare-line"}),(0,e.kt)("p",null,"stackshare"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stackshare-fill"}),(0,e.kt)("p",null,"stackshare")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steam-line"}),(0,e.kt)("p",null,"steam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steam-fill"}),(0,e.kt)("p",null,"steam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-switch-line"}),(0,e.kt)("p",null,"switch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-switch-fill"}),(0,e.kt)("p",null,"switch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taobao-line"}),(0,e.kt)("p",null,"taobao"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taobao-fill"}),(0,e.kt)("p",null,"taobao")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-telegram-line"}),(0,e.kt)("p",null,"telegram"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-telegram-fill"}),(0,e.kt)("p",null,"telegram")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trello-line"}),(0,e.kt)("p",null,"trello"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-trello-fill"}),(0,e.kt)("p",null,"trello")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tumblr-line"}),(0,e.kt)("p",null,"tumblr"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tumblr-fill"}),(0,e.kt)("p",null,"tumblr")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitch-line"}),(0,e.kt)("p",null,"twitch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitch-fill"}),(0,e.kt)("p",null,"twitch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitter-line"}),(0,e.kt)("p",null,"twitter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-twitter-fill"}),(0,e.kt)("p",null,"twitter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ubuntu-line"}),(0,e.kt)("p",null,"ubuntu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ubuntu-fill"}),(0,e.kt)("p",null,"ubuntu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-unsplash-line"}),(0,e.kt)("p",null,"unsplash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-unsplash-fill"}),(0,e.kt)("p",null,"unsplash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vimeo-line"}),(0,e.kt)("p",null,"vimeo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vimeo-fill"}),(0,e.kt)("p",null,"vimeo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-visa-line"}),(0,e.kt)("p",null,"visa"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-visa-fill"}),(0,e.kt)("p",null,"visa")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vuejs-line"}),(0,e.kt)("p",null,"vuejs"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vuejs-fill"}),(0,e.kt)("p",null,"vuejs")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-line"}),(0,e.kt)("p",null,"wechat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-fill"}),(0,e.kt)("p",null,"wechat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-2-line"}),(0,e.kt)("p",null,"wechat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-2-fill"}),(0,e.kt)("p",null,"wechat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-pay-line"}),(0,e.kt)("p",null,"wechat-pay"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wechat-pay-fill"}),(0,e.kt)("p",null,"wechat-pay")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-weibo-line"}),(0,e.kt)("p",null,"weibo"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-weibo-fill"}),(0,e.kt)("p",null,"weibo")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-whatsapp-line"}),(0,e.kt)("p",null,"whatsapp"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-whatsapp-fill"}),(0,e.kt)("p",null,"whatsapp")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windows-line"}),(0,e.kt)("p",null,"windows"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windows-fill"}),(0,e.kt)("p",null,"windows")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xbox-line"}),(0,e.kt)("p",null,"xbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xbox-fill"}),(0,e.kt)("p",null,"xbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xing-line"}),(0,e.kt)("p",null,"xing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-xing-fill"}),(0,e.kt)("p",null,"xing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-youtube-line"}),(0,e.kt)("p",null,"youtube"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-youtube-fill"}),(0,e.kt)("p",null,"youtube")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zcool-line"}),(0,e.kt)("p",null,"zcool"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zcool-fill"}),(0,e.kt)("p",null,"zcool")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zhihu-line"}),(0,e.kt)("p",null,"zhihu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zhihu-fill"}),(0,e.kt)("p",null,"zhihu"))))),(0,e.kt)("h3",{id:"logos"},"Logos")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-line"}),(0,e.kt)("p",null,"map-pin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-fill"}),(0,e.kt)("p",null,"map-pin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-2-line"}),(0,e.kt)("p",null,"map-pin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-2-fill"}),(0,e.kt)("p",null,"map-pin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-3-line"}),(0,e.kt)("p",null,"map-pin-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-3-fill"}),(0,e.kt)("p",null,"map-pin-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-4-line"}),(0,e.kt)("p",null,"map-pin-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-4-fill"}),(0,e.kt)("p",null,"map-pin-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-5-line"}),(0,e.kt)("p",null,"map-pin-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-5-fill"}),(0,e.kt)("p",null,"map-pin-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-add-line"}),(0,e.kt)("p",null,"map-pin-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-add-fill"}),(0,e.kt)("p",null,"map-pin-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-range-line"}),(0,e.kt)("p",null,"map-pin-range"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-range-fill"}),(0,e.kt)("p",null,"map-pin-range")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-time-line"}),(0,e.kt)("p",null,"map-pin-time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-time-fill"}),(0,e.kt)("p",null,"map-pin-time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-user-line"}),(0,e.kt)("p",null,"map-pin-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-pin-user-fill"}),(0,e.kt)("p",null,"map-pin-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pin-distance-line"}),(0,e.kt)("p",null,"pin-distance"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pin-distance-fill"}),(0,e.kt)("p",null,"pin-distance")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-line"}),(0,e.kt)("p",null,"pushpin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-fill"}),(0,e.kt)("p",null,"pushpin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-2-line"}),(0,e.kt)("p",null,"pushpin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pushpin-2-fill"}),(0,e.kt)("p",null,"pushpin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-line"}),(0,e.kt)("p",null,"compass"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-fill"}),(0,e.kt)("p",null,"compass")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-2-line"}),(0,e.kt)("p",null,"compass-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-2-fill"}),(0,e.kt)("p",null,"compass-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-3-line"}),(0,e.kt)("p",null,"compass-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-3-fill"}),(0,e.kt)("p",null,"compass-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-4-line"}),(0,e.kt)("p",null,"compass-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-4-fill"}),(0,e.kt)("p",null,"compass-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-discover-line"}),(0,e.kt)("p",null,"compass-discover"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-compass-discover-fill"}),(0,e.kt)("p",null,"compass-discover")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anchor-line"}),(0,e.kt)("p",null,"anchor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-anchor-fill"}),(0,e.kt)("p",null,"anchor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-china-railway-line"}),(0,e.kt)("p",null,"china-railway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-china-railway-fill"}),(0,e.kt)("p",null,"china-railway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space-ship-line"}),(0,e.kt)("p",null,"space-ship"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-space-ship-fill"}),(0,e.kt)("p",null,"space-ship")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-line"}),(0,e.kt)("p",null,"rocket"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-fill"}),(0,e.kt)("p",null,"rocket")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-2-line"}),(0,e.kt)("p",null,"rocket-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rocket-2-fill"}),(0,e.kt)("p",null,"rocket-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-line"}),(0,e.kt)("p",null,"map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-fill"}),(0,e.kt)("p",null,"map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-2-line"}),(0,e.kt)("p",null,"map-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-map-2-fill"}),(0,e.kt)("p",null,"map-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-treasure-map-line"}),(0,e.kt)("p",null,"treasure-map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-treasure-map-fill"}),(0,e.kt)("p",null,"treasure-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-road-map-line"}),(0,e.kt)("p",null,"road-map"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-road-map-fill"}),(0,e.kt)("p",null,"road-map")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earth-line"}),(0,e.kt)("p",null,"earth"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earth-fill"}),(0,e.kt)("p",null,"earth")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-globe-line"}),(0,e.kt)("p",null,"globe"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-globe-fill"}),(0,e.kt)("p",null,"globe")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-line"}),(0,e.kt)("p",null,"parking"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-fill"}),(0,e.kt)("p",null,"parking")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-box-line"}),(0,e.kt)("p",null,"parking-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parking-box-fill"}),(0,e.kt)("p",null,"parking-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-route-line"}),(0,e.kt)("p",null,"route"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-route-fill"}),(0,e.kt)("p",null,"route")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-guide-line"}),(0,e.kt)("p",null,"guide"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-guide-fill"}),(0,e.kt)("p",null,"guide")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gas-station-line"}),(0,e.kt)("p",null,"gas-station"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gas-station-fill"}),(0,e.kt)("p",null,"gas-station")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-line"}),(0,e.kt)("p",null,"charging-pile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-fill"}),(0,e.kt)("p",null,"charging-pile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-2-line"}),(0,e.kt)("p",null,"charging-pile-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-charging-pile-2-fill"}),(0,e.kt)("p",null,"charging-pile-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-line"}),(0,e.kt)("p",null,"car"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-fill"}),(0,e.kt)("p",null,"car")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-washing-line"}),(0,e.kt)("p",null,"car-washing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-car-washing-fill"}),(0,e.kt)("p",null,"car-washing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-roadster-line"}),(0,e.kt)("p",null,"roadster"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-roadster-fill"}),(0,e.kt)("p",null,"roadster")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-line"}),(0,e.kt)("p",null,"taxi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-fill"}),(0,e.kt)("p",null,"taxi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-wifi-line"}),(0,e.kt)("p",null,"taxi-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-taxi-wifi-fill"}),(0,e.kt)("p",null,"taxi-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-police-car-line"}),(0,e.kt)("p",null,"police-car"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-police-car-fill"}),(0,e.kt)("p",null,"police-car")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-line"}),(0,e.kt)("p",null,"bus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-fill"}),(0,e.kt)("p",null,"bus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-2-line"}),(0,e.kt)("p",null,"bus-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-2-fill"}),(0,e.kt)("p",null,"bus-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-wifi-line"}),(0,e.kt)("p",null,"bus-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bus-wifi-fill"}),(0,e.kt)("p",null,"bus-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-truck-line"}),(0,e.kt)("p",null,"truck"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-truck-fill"}),(0,e.kt)("p",null,"truck")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-line"}),(0,e.kt)("p",null,"train"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-fill"}),(0,e.kt)("p",null,"train")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-wifi-line"}),(0,e.kt)("p",null,"train-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-train-wifi-fill"}),(0,e.kt)("p",null,"train-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-line"}),(0,e.kt)("p",null,"subway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-fill"}),(0,e.kt)("p",null,"subway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-wifi-line"}),(0,e.kt)("p",null,"subway-wifi"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subway-wifi-fill"}),(0,e.kt)("p",null,"subway-wifi")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-takeoff-line"}),(0,e.kt)("p",null,"flight-takeoff"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-takeoff-fill"}),(0,e.kt)("p",null,"flight-takeoff")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-land-line"}),(0,e.kt)("p",null,"flight-land"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flight-land-fill"}),(0,e.kt)("p",null,"flight-land")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plane-line"}),(0,e.kt)("p",null,"plane"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plane-fill"}),(0,e.kt)("p",null,"plane")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sailboat-line"}),(0,e.kt)("p",null,"sailboat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sailboat-fill"}),(0,e.kt)("p",null,"sailboat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-line"}),(0,e.kt)("p",null,"ship"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-fill"}),(0,e.kt)("p",null,"ship")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-2-line"}),(0,e.kt)("p",null,"ship-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ship-2-fill"}),(0,e.kt)("p",null,"ship-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bike-line"}),(0,e.kt)("p",null,"bike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bike-fill"}),(0,e.kt)("p",null,"bike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-line"}),(0,e.kt)("p",null,"e-bike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-fill"}),(0,e.kt)("p",null,"e-bike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-2-line"}),(0,e.kt)("p",null,"e-bike-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-e-bike-2-fill"}),(0,e.kt)("p",null,"e-bike-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-takeaway-line"}),(0,e.kt)("p",null,"takeaway"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-takeaway-fill"}),(0,e.kt)("p",null,"takeaway")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-motorbike-line"}),(0,e.kt)("p",null,"motorbike"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-motorbike-fill"}),(0,e.kt)("p",null,"motorbike")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-caravan-line"}),(0,e.kt)("p",null,"caravan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-caravan-fill"}),(0,e.kt)("p",null,"caravan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-walk-line"}),(0,e.kt)("p",null,"walk"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-walk-fill"}),(0,e.kt)("p",null,"walk")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-run-line"}),(0,e.kt)("p",null,"run"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-run-fill"}),(0,e.kt)("p",null,"run")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-riding-line"}),(0,e.kt)("p",null,"riding"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-riding-fill"}),(0,e.kt)("p",null,"riding")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barricade-line"}),(0,e.kt)("p",null,"barricade"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-barricade-fill"}),(0,e.kt)("p",null,"barricade")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-footprint-line"}),(0,e.kt)("p",null,"footprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-footprint-fill"}),(0,e.kt)("p",null,"footprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-traffic-light-line"}),(0,e.kt)("p",null,"traffic-light"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-traffic-light-fill"}),(0,e.kt)("p",null,"traffic-light")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-tower-line"}),(0,e.kt)("p",null,"signal-tower"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-signal-tower-fill"}),(0,e.kt)("p",null,"signal-tower")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-line"}),(0,e.kt)("p",null,"restaurant"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-fill"}),(0,e.kt)("p",null,"restaurant")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-2-line"}),(0,e.kt)("p",null,"restaurant-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-restaurant-2-fill"}),(0,e.kt)("p",null,"restaurant-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cup-line"}),(0,e.kt)("p",null,"cup"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cup-fill"}),(0,e.kt)("p",null,"cup")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-goblet-line"}),(0,e.kt)("p",null,"goblet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-goblet-fill"}),(0,e.kt)("p",null,"goblet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-bed-line"}),(0,e.kt)("p",null,"hotel-bed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hotel-bed-fill"}),(0,e.kt)("p",null,"hotel-bed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-navigation-line"}),(0,e.kt)("p",null,"navigation"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-navigation-fill"}),(0,e.kt)("p",null,"navigation")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-oil-line"}),(0,e.kt)("p",null,"oil"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-oil-fill"}),(0,e.kt)("p",null,"oil")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-direction-line"}),(0,e.kt)("p",null,"direction"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-direction-fill"}),(0,e.kt)("p",null,"direction")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-line"}),(0,e.kt)("p",null,"steering"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-fill"}),(0,e.kt)("p",null,"steering")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-2-line"}),(0,e.kt)("p",null,"steering-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-steering-2-fill"}),(0,e.kt)("p",null,"steering-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lifebuoy-line"}),(0,e.kt)("p",null,"lifebuoy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lifebuoy-fill"}),(0,e.kt)("p",null,"lifebuoy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-passport-line"}),(0,e.kt)("p",null,"passport"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-passport-fill"}),(0,e.kt)("p",null,"passport")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-line"}),(0,e.kt)("p",null,"suitcase"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-fill"}),(0,e.kt)("p",null,"suitcase")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-2-line"}),(0,e.kt)("p",null,"suitcase-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-2-fill"}),(0,e.kt)("p",null,"suitcase-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-3-line"}),(0,e.kt)("p",null,"suitcase-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-suitcase-3-fill"}),(0,e.kt)("p",null,"suitcase-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-deposit-line"}),(0,e.kt)("p",null,"luggage-deposit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-deposit-fill"}),(0,e.kt)("p",null,"luggage-deposit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-cart-line"}),(0,e.kt)("p",null,"luggage-cart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-luggage-cart-fill"}),(0,e.kt)("p",null,"luggage-cart"))))),(0,e.kt)("h3",{id:"map"},"Map")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-line"}),(0,e.kt)("p",null,"image"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-fill"}),(0,e.kt)("p",null,"image")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-2-line"}),(0,e.kt)("p",null,"image-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-2-fill"}),(0,e.kt)("p",null,"image-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-add-line"}),(0,e.kt)("p",null,"image-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-add-fill"}),(0,e.kt)("p",null,"image-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-edit-line"}),(0,e.kt)("p",null,"image-edit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-image-edit-fill"}),(0,e.kt)("p",null,"image-edit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-landscape-line"}),(0,e.kt)("p",null,"landscape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-landscape-fill"}),(0,e.kt)("p",null,"landscape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-line"}),(0,e.kt)("p",null,"gallery"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-fill"}),(0,e.kt)("p",null,"gallery")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-upload-line"}),(0,e.kt)("p",null,"gallery-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-gallery-upload-fill"}),(0,e.kt)("p",null,"gallery-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-line"}),(0,e.kt)("p",null,"video"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-fill"}),(0,e.kt)("p",null,"video")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-line"}),(0,e.kt)("p",null,"movie"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-fill"}),(0,e.kt)("p",null,"movie")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-2-line"}),(0,e.kt)("p",null,"movie-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-movie-2-fill"}),(0,e.kt)("p",null,"movie-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-film-line"}),(0,e.kt)("p",null,"film"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-film-fill"}),(0,e.kt)("p",null,"film")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clapperboard-line"}),(0,e.kt)("p",null,"clapperboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-clapperboard-fill"}),(0,e.kt)("p",null,"clapperboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-line"}),(0,e.kt)("p",null,"vidicon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-fill"}),(0,e.kt)("p",null,"vidicon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-2-line"}),(0,e.kt)("p",null,"vidicon-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-vidicon-2-fill"}),(0,e.kt)("p",null,"vidicon-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-live-line"}),(0,e.kt)("p",null,"live"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-live-fill"}),(0,e.kt)("p",null,"live")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-add-line"}),(0,e.kt)("p",null,"video-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-add-fill"}),(0,e.kt)("p",null,"video-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-upload-line"}),(0,e.kt)("p",null,"video-upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-upload-fill"}),(0,e.kt)("p",null,"video-upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-download-line"}),(0,e.kt)("p",null,"video-download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-video-download-fill"}),(0,e.kt)("p",null,"video-download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dv-line"}),(0,e.kt)("p",null,"dv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dv-fill"}),(0,e.kt)("p",null,"dv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-line"}),(0,e.kt)("p",null,"camera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-fill"}),(0,e.kt)("p",null,"camera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-off-line"}),(0,e.kt)("p",null,"camera-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-off-fill"}),(0,e.kt)("p",null,"camera-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-2-line"}),(0,e.kt)("p",null,"camera-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-2-fill"}),(0,e.kt)("p",null,"camera-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-3-line"}),(0,e.kt)("p",null,"camera-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-3-fill"}),(0,e.kt)("p",null,"camera-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-lens-line"}),(0,e.kt)("p",null,"camera-lens"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-lens-fill"}),(0,e.kt)("p",null,"camera-lens")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-switch-line"}),(0,e.kt)("p",null,"camera-switch"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-camera-switch-fill"}),(0,e.kt)("p",null,"camera-switch")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-line"}),(0,e.kt)("p",null,"polaroid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-fill"}),(0,e.kt)("p",null,"polaroid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-2-line"}),(0,e.kt)("p",null,"polaroid-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-polaroid-2-fill"}),(0,e.kt)("p",null,"polaroid-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-camera-line"}),(0,e.kt)("p",null,"phone-camera"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-phone-camera-fill"}),(0,e.kt)("p",null,"phone-camera")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-webcam-line"}),(0,e.kt)("p",null,"webcam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-webcam-fill"}),(0,e.kt)("p",null,"webcam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mv-line"}),(0,e.kt)("p",null,"mv"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mv-fill"}),(0,e.kt)("p",null,"mv")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-line"}),(0,e.kt)("p",null,"music"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-fill"}),(0,e.kt)("p",null,"music")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-2-line"}),(0,e.kt)("p",null,"music-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-music-2-fill"}),(0,e.kt)("p",null,"music-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disc-line"}),(0,e.kt)("p",null,"disc"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-disc-fill"}),(0,e.kt)("p",null,"disc")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-album-line"}),(0,e.kt)("p",null,"album"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-album-fill"}),(0,e.kt)("p",null,"album")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dvd-line"}),(0,e.kt)("p",null,"dvd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dvd-fill"}),(0,e.kt)("p",null,"dvd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-headphone-line"}),(0,e.kt)("p",null,"headphone"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-headphone-fill"}),(0,e.kt)("p",null,"headphone")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-line"}),(0,e.kt)("p",null,"radio"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-fill"}),(0,e.kt)("p",null,"radio")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-2-line"}),(0,e.kt)("p",null,"radio-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-2-fill"}),(0,e.kt)("p",null,"radio-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tape-line"}),(0,e.kt)("p",null,"tape"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tape-fill"}),(0,e.kt)("p",null,"tape")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-line"}),(0,e.kt)("p",null,"mic"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-fill"}),(0,e.kt)("p",null,"mic")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-2-line"}),(0,e.kt)("p",null,"mic-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-2-fill"}),(0,e.kt)("p",null,"mic-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-off-line"}),(0,e.kt)("p",null,"mic-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mic-off-fill"}),(0,e.kt)("p",null,"mic-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-down-line"}),(0,e.kt)("p",null,"volume-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-down-fill"}),(0,e.kt)("p",null,"volume-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-mute-line"}),(0,e.kt)("p",null,"volume-mute"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-mute-fill"}),(0,e.kt)("p",null,"volume-mute")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-up-line"}),(0,e.kt)("p",null,"volume-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-up-fill"}),(0,e.kt)("p",null,"volume-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-vibrate-line"}),(0,e.kt)("p",null,"volume-vibrate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-vibrate-fill"}),(0,e.kt)("p",null,"volume-vibrate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-off-vibrate-line"}),(0,e.kt)("p",null,"volume-off-vibrate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-volume-off-vibrate-fill"}),(0,e.kt)("p",null,"volume-off-vibrate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-line"}),(0,e.kt)("p",null,"speaker"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-fill"}),(0,e.kt)("p",null,"speaker")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-2-line"}),(0,e.kt)("p",null,"speaker-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-2-fill"}),(0,e.kt)("p",null,"speaker-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-3-line"}),(0,e.kt)("p",null,"speaker-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speaker-3-fill"}),(0,e.kt)("p",null,"speaker-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surround-sound-line"}),(0,e.kt)("p",null,"surround-sound"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-surround-sound-fill"}),(0,e.kt)("p",null,"surround-sound")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-broadcast-line"}),(0,e.kt)("p",null,"broadcast"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-broadcast-fill"}),(0,e.kt)("p",null,"broadcast")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-line"}),(0,e.kt)("p",null,"notification"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-fill"}),(0,e.kt)("p",null,"notification")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-2-line"}),(0,e.kt)("p",null,"notification-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-2-fill"}),(0,e.kt)("p",null,"notification-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-3-line"}),(0,e.kt)("p",null,"notification-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-3-fill"}),(0,e.kt)("p",null,"notification-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-4-line"}),(0,e.kt)("p",null,"notification-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-4-fill"}),(0,e.kt)("p",null,"notification-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-off-line"}),(0,e.kt)("p",null,"notification-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-off-fill"}),(0,e.kt)("p",null,"notification-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-circle-line"}),(0,e.kt)("p",null,"play-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-circle-fill"}),(0,e.kt)("p",null,"play-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-circle-line"}),(0,e.kt)("p",null,"pause-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-circle-fill"}),(0,e.kt)("p",null,"pause-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-circle-line"}),(0,e.kt)("p",null,"record-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-record-circle-fill"}),(0,e.kt)("p",null,"record-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-circle-line"}),(0,e.kt)("p",null,"stop-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-circle-fill"}),(0,e.kt)("p",null,"stop-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eject-line"}),(0,e.kt)("p",null,"eject"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eject-fill"}),(0,e.kt)("p",null,"eject")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-line"}),(0,e.kt)("p",null,"play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-fill"}),(0,e.kt)("p",null,"play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-line"}),(0,e.kt)("p",null,"pause"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-fill"}),(0,e.kt)("p",null,"pause")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-line"}),(0,e.kt)("p",null,"stop"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-fill"}),(0,e.kt)("p",null,"stop")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-line"}),(0,e.kt)("p",null,"rewind"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-fill"}),(0,e.kt)("p",null,"rewind")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-line"}),(0,e.kt)("p",null,"speed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-fill"}),(0,e.kt)("p",null,"speed")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-line"}),(0,e.kt)("p",null,"skip-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-fill"}),(0,e.kt)("p",null,"skip-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-line"}),(0,e.kt)("p",null,"skip-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-fill"}),(0,e.kt)("p",null,"skip-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-mini-line"}),(0,e.kt)("p",null,"play-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-mini-fill"}),(0,e.kt)("p",null,"play-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-mini-line"}),(0,e.kt)("p",null,"pause-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-pause-mini-fill"}),(0,e.kt)("p",null,"pause-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-mini-line"}),(0,e.kt)("p",null,"stop-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-stop-mini-fill"}),(0,e.kt)("p",null,"stop-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-mini-line"}),(0,e.kt)("p",null,"rewind-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rewind-mini-fill"}),(0,e.kt)("p",null,"rewind-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-mini-line"}),(0,e.kt)("p",null,"speed-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-speed-mini-fill"}),(0,e.kt)("p",null,"speed-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-mini-line"}),(0,e.kt)("p",null,"skip-back-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-back-mini-fill"}),(0,e.kt)("p",null,"skip-back-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-mini-line"}),(0,e.kt)("p",null,"skip-forward-mini"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skip-forward-mini-fill"}),(0,e.kt)("p",null,"skip-forward-mini")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-line"}),(0,e.kt)("p",null,"repeat"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-fill"}),(0,e.kt)("p",null,"repeat")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-2-line"}),(0,e.kt)("p",null,"repeat-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-2-fill"}),(0,e.kt)("p",null,"repeat-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-one-line"}),(0,e.kt)("p",null,"repeat-one"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-repeat-one-fill"}),(0,e.kt)("p",null,"repeat-one")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-order-play-line"}),(0,e.kt)("p",null,"order-play"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-order-play-fill"}),(0,e.kt)("p",null,"order-play")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shuffle-line"}),(0,e.kt)("p",null,"shuffle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shuffle-fill"}),(0,e.kt)("p",null,"shuffle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-line"}),(0,e.kt)("p",null,"play-list"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-fill"}),(0,e.kt)("p",null,"play-list")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-2-line"}),(0,e.kt)("p",null,"play-list-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-2-fill"}),(0,e.kt)("p",null,"play-list-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-add-line"}),(0,e.kt)("p",null,"play-list-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-play-list-add-fill"}),(0,e.kt)("p",null,"play-list-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-line"}),(0,e.kt)("p",null,"fullscreen"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-fill"}),(0,e.kt)("p",null,"fullscreen")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-exit-line"}),(0,e.kt)("p",null,"fullscreen-exit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fullscreen-exit-fill"}),(0,e.kt)("p",null,"fullscreen-exit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-equalizer-line"}),(0,e.kt)("p",null,"equalizer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-equalizer-fill"}),(0,e.kt)("p",null,"equalizer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sound-module-line"}),(0,e.kt)("p",null,"sound-module"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sound-module-fill"}),(0,e.kt)("p",null,"sound-module")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rhythm-line"}),(0,e.kt)("p",null,"rhythm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rhythm-fill"}),(0,e.kt)("p",null,"rhythm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voiceprint-line"}),(0,e.kt)("p",null,"voiceprint"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voiceprint-fill"}),(0,e.kt)("p",null,"voiceprint")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hq-line"}),(0,e.kt)("p",null,"hq"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hq-fill"}),(0,e.kt)("p",null,"hq")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hd-line"}),(0,e.kt)("p",null,"hd"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hd-fill"}),(0,e.kt)("p",null,"hd")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-4k-line"}),(0,e.kt)("p",null,"4k"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-4k-fill"}),(0,e.kt)("p",null,"4k")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-closed-captioning-line"}),(0,e.kt)("p",null,"closed-captioning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-closed-captioning-fill"}),(0,e.kt)("p",null,"closed-captioning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aspect-ratio-line"}),(0,e.kt)("p",null,"aspect-ratio"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aspect-ratio-fill"}),(0,e.kt)("p",null,"aspect-ratio")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-line"}),(0,e.kt)("p",null,"picture-in-picture"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-fill"}),(0,e.kt)("p",null,"picture-in-picture")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-2-line"}),(0,e.kt)("p",null,"picture-in-picture-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-2-fill"}),(0,e.kt)("p",null,"picture-in-picture-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-exit-line"}),(0,e.kt)("p",null,"picture-in-picture-exit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-picture-in-picture-exit-fill"}),(0,e.kt)("p",null,"picture-in-picture-exit"))))),(0,e.kt)("h3",{id:"media"},"Media")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-line"}),(0,e.kt)("p",null,"apps"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-fill"}),(0,e.kt)("p",null,"apps")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-2-line"}),(0,e.kt)("p",null,"apps-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-apps-2-fill"}),(0,e.kt)("p",null,"apps-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-function-line"}),(0,e.kt)("p",null,"function"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-function-fill"}),(0,e.kt)("p",null,"function")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-line"}),(0,e.kt)("p",null,"dashboard"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-dashboard-fill"}),(0,e.kt)("p",null,"dashboard")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-line"}),(0,e.kt)("p",null,"menu"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fill"}),(0,e.kt)("p",null,"menu")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-2-line"}),(0,e.kt)("p",null,"menu-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-2-fill"}),(0,e.kt)("p",null,"menu-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-3-line"}),(0,e.kt)("p",null,"menu-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-3-fill"}),(0,e.kt)("p",null,"menu-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-4-line"}),(0,e.kt)("p",null,"menu-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-4-fill"}),(0,e.kt)("p",null,"menu-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-5-line"}),(0,e.kt)("p",null,"menu-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-5-fill"}),(0,e.kt)("p",null,"menu-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-add-line"}),(0,e.kt)("p",null,"menu-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-add-fill"}),(0,e.kt)("p",null,"menu-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fold-line"}),(0,e.kt)("p",null,"menu-fold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-fold-fill"}),(0,e.kt)("p",null,"menu-fold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-unfold-line"}),(0,e.kt)("p",null,"menu-unfold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-menu-unfold-fill"}),(0,e.kt)("p",null,"menu-unfold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-line"}),(0,e.kt)("p",null,"more"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-fill"}),(0,e.kt)("p",null,"more")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-2-line"}),(0,e.kt)("p",null,"more-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-more-2-fill"}),(0,e.kt)("p",null,"more-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-line"}),(0,e.kt)("p",null,"star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-fill"}),(0,e.kt)("p",null,"star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-s-line"}),(0,e.kt)("p",null,"star-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-s-fill"}),(0,e.kt)("p",null,"star-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-line"}),(0,e.kt)("p",null,"star-half"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-fill"}),(0,e.kt)("p",null,"star-half")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-s-line"}),(0,e.kt)("p",null,"star-half-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-half-s-fill"}),(0,e.kt)("p",null,"star-half-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-line"}),(0,e.kt)("p",null,"settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-fill"}),(0,e.kt)("p",null,"settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-2-line"}),(0,e.kt)("p",null,"settings-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-2-fill"}),(0,e.kt)("p",null,"settings-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-3-line"}),(0,e.kt)("p",null,"settings-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-3-fill"}),(0,e.kt)("p",null,"settings-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-4-line"}),(0,e.kt)("p",null,"settings-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-4-fill"}),(0,e.kt)("p",null,"settings-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-5-line"}),(0,e.kt)("p",null,"settings-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-5-fill"}),(0,e.kt)("p",null,"settings-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-6-line"}),(0,e.kt)("p",null,"settings-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-settings-6-fill"}),(0,e.kt)("p",null,"settings-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-settings-line"}),(0,e.kt)("p",null,"list-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-list-settings-fill"}),(0,e.kt)("p",null,"list-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-line"}),(0,e.kt)("p",null,"forbid"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-fill"}),(0,e.kt)("p",null,"forbid")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-2-line"}),(0,e.kt)("p",null,"forbid-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-forbid-2-fill"}),(0,e.kt)("p",null,"forbid-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-information-line"}),(0,e.kt)("p",null,"information"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-information-fill"}),(0,e.kt)("p",null,"information")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-error-warning-line"}),(0,e.kt)("p",null,"error-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-error-warning-fill"}),(0,e.kt)("p",null,"error-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-line"}),(0,e.kt)("p",null,"question"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-question-fill"}),(0,e.kt)("p",null,"question")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alert-line"}),(0,e.kt)("p",null,"alert"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alert-fill"}),(0,e.kt)("p",null,"alert")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-line"}),(0,e.kt)("p",null,"spam"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-fill"}),(0,e.kt)("p",null,"spam")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-2-line"}),(0,e.kt)("p",null,"spam-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-2-fill"}),(0,e.kt)("p",null,"spam-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-3-line"}),(0,e.kt)("p",null,"spam-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spam-3-fill"}),(0,e.kt)("p",null,"spam-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-line"}),(0,e.kt)("p",null,"checkbox-blank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-fill"}),(0,e.kt)("p",null,"checkbox-blank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-line"}),(0,e.kt)("p",null,"checkbox"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-fill"}),(0,e.kt)("p",null,"checkbox")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-indeterminate-line"}),(0,e.kt)("p",null,"checkbox-indeterminate"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-indeterminate-fill"}),(0,e.kt)("p",null,"checkbox-indeterminate")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-box-line"}),(0,e.kt)("p",null,"add-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-box-fill"}),(0,e.kt)("p",null,"add-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-circle-line"}),(0,e.kt)("p",null,"checkbox-blank-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-blank-circle-fill"}),(0,e.kt)("p",null,"checkbox-blank-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-circle-line"}),(0,e.kt)("p",null,"checkbox-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-circle-fill"}),(0,e.kt)("p",null,"checkbox-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indeterminate-circle-line"}),(0,e.kt)("p",null,"indeterminate-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-indeterminate-circle-fill"}),(0,e.kt)("p",null,"indeterminate-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-circle-line"}),(0,e.kt)("p",null,"add-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-circle-fill"}),(0,e.kt)("p",null,"add-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-circle-line"}),(0,e.kt)("p",null,"close-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-circle-fill"}),(0,e.kt)("p",null,"close-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-button-line"}),(0,e.kt)("p",null,"radio-button"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-radio-button-fill"}),(0,e.kt)("p",null,"radio-button")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-blank-line"}),(0,e.kt)("p",null,"checkbox-multiple-blank"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-blank-fill"}),(0,e.kt)("p",null,"checkbox-multiple-blank")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-line"}),(0,e.kt)("p",null,"checkbox-multiple"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-checkbox-multiple-fill"}),(0,e.kt)("p",null,"checkbox-multiple")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-line"}),(0,e.kt)("p",null,"check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-fill"}),(0,e.kt)("p",null,"check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-double-line"}),(0,e.kt)("p",null,"check-double"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-check-double-fill"}),(0,e.kt)("p",null,"check-double")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-line"}),(0,e.kt)("p",null,"close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-close-fill"}),(0,e.kt)("p",null,"close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-line"}),(0,e.kt)("p",null,"add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-add-fill"}),(0,e.kt)("p",null,"add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subtract-line"}),(0,e.kt)("p",null,"subtract"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-subtract-fill"}),(0,e.kt)("p",null,"subtract")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-divide-line"}),(0,e.kt)("p",null,"divide"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-divide-fill"}),(0,e.kt)("p",null,"divide")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-up-line"}),(0,e.kt)("p",null,"arrow-left-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-up-fill"}),(0,e.kt)("p",null,"arrow-left-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-line"}),(0,e.kt)("p",null,"arrow-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-fill"}),(0,e.kt)("p",null,"arrow-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-up-line"}),(0,e.kt)("p",null,"arrow-right-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-up-fill"}),(0,e.kt)("p",null,"arrow-right-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-line"}),(0,e.kt)("p",null,"arrow-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-fill"}),(0,e.kt)("p",null,"arrow-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-down-line"}),(0,e.kt)("p",null,"arrow-right-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-down-fill"}),(0,e.kt)("p",null,"arrow-right-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-line"}),(0,e.kt)("p",null,"arrow-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-fill"}),(0,e.kt)("p",null,"arrow-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-down-line"}),(0,e.kt)("p",null,"arrow-left-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-down-fill"}),(0,e.kt)("p",null,"arrow-left-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-line"}),(0,e.kt)("p",null,"arrow-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-fill"}),(0,e.kt)("p",null,"arrow-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-circle-line"}),(0,e.kt)("p",null,"arrow-up-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-circle-fill"}),(0,e.kt)("p",null,"arrow-up-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-circle-line"}),(0,e.kt)("p",null,"arrow-right-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-circle-fill"}),(0,e.kt)("p",null,"arrow-right-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-circle-line"}),(0,e.kt)("p",null,"arrow-down-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-circle-fill"}),(0,e.kt)("p",null,"arrow-down-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-circle-line"}),(0,e.kt)("p",null,"arrow-left-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-circle-fill"}),(0,e.kt)("p",null,"arrow-left-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-s-line"}),(0,e.kt)("p",null,"arrow-up-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-s-fill"}),(0,e.kt)("p",null,"arrow-up-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-s-line"}),(0,e.kt)("p",null,"arrow-down-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-down-s-fill"}),(0,e.kt)("p",null,"arrow-down-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-s-line"}),(0,e.kt)("p",null,"arrow-right-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-right-s-fill"}),(0,e.kt)("p",null,"arrow-right-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-s-line"}),(0,e.kt)("p",null,"arrow-left-s"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-s-fill"}),(0,e.kt)("p",null,"arrow-left-s")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-up-line"}),(0,e.kt)("p",null,"arrow-drop-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-up-fill"}),(0,e.kt)("p",null,"arrow-drop-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-right-line"}),(0,e.kt)("p",null,"arrow-drop-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-right-fill"}),(0,e.kt)("p",null,"arrow-drop-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-down-line"}),(0,e.kt)("p",null,"arrow-drop-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-down-fill"}),(0,e.kt)("p",null,"arrow-drop-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-left-line"}),(0,e.kt)("p",null,"arrow-drop-left"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-drop-left-fill"}),(0,e.kt)("p",null,"arrow-drop-left")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-right-line"}),(0,e.kt)("p",null,"arrow-left-right"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-left-right-fill"}),(0,e.kt)("p",null,"arrow-left-right")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-down-line"}),(0,e.kt)("p",null,"arrow-up-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-up-down-fill"}),(0,e.kt)("p",null,"arrow-up-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-back-line"}),(0,e.kt)("p",null,"arrow-go-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-back-fill"}),(0,e.kt)("p",null,"arrow-go-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-forward-line"}),(0,e.kt)("p",null,"arrow-go-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-arrow-go-forward-fill"}),(0,e.kt)("p",null,"arrow-go-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-line"}),(0,e.kt)("p",null,"download"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-fill"}),(0,e.kt)("p",null,"download")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-line"}),(0,e.kt)("p",null,"upload"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-fill"}),(0,e.kt)("p",null,"upload")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-2-line"}),(0,e.kt)("p",null,"download-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-2-fill"}),(0,e.kt)("p",null,"download-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-2-line"}),(0,e.kt)("p",null,"upload-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-2-fill"}),(0,e.kt)("p",null,"upload-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-line"}),(0,e.kt)("p",null,"download-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-fill"}),(0,e.kt)("p",null,"download-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-2-line"}),(0,e.kt)("p",null,"download-cloud-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-download-cloud-2-fill"}),(0,e.kt)("p",null,"download-cloud-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-line"}),(0,e.kt)("p",null,"upload-cloud"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-fill"}),(0,e.kt)("p",null,"upload-cloud")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-2-line"}),(0,e.kt)("p",null,"upload-cloud-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-upload-cloud-2-fill"}),(0,e.kt)("p",null,"upload-cloud-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-box-line"}),(0,e.kt)("p",null,"login-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-box-fill"}),(0,e.kt)("p",null,"login-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-line"}),(0,e.kt)("p",null,"logout-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-fill"}),(0,e.kt)("p",null,"logout-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-r-line"}),(0,e.kt)("p",null,"logout-box-r"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-box-r-fill"}),(0,e.kt)("p",null,"logout-box-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-circle-line"}),(0,e.kt)("p",null,"login-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-login-circle-fill"}),(0,e.kt)("p",null,"login-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-line"}),(0,e.kt)("p",null,"logout-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-fill"}),(0,e.kt)("p",null,"logout-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-r-line"}),(0,e.kt)("p",null,"logout-circle-r"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-logout-circle-r-fill"}),(0,e.kt)("p",null,"logout-circle-r")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refresh-line"}),(0,e.kt)("p",null,"refresh"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-refresh-fill"}),(0,e.kt)("p",null,"refresh")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-line"}),(0,e.kt)("p",null,"shield"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-fill"}),(0,e.kt)("p",null,"shield")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-cross-line"}),(0,e.kt)("p",null,"shield-cross"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-cross-fill"}),(0,e.kt)("p",null,"shield-cross")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-flash-line"}),(0,e.kt)("p",null,"shield-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-flash-fill"}),(0,e.kt)("p",null,"shield-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-star-line"}),(0,e.kt)("p",null,"shield-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-star-fill"}),(0,e.kt)("p",null,"shield-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-user-line"}),(0,e.kt)("p",null,"shield-user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-user-fill"}),(0,e.kt)("p",null,"shield-user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-keyhole-line"}),(0,e.kt)("p",null,"shield-keyhole"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-keyhole-fill"}),(0,e.kt)("p",null,"shield-keyhole")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-check-line"}),(0,e.kt)("p",null,"shield-check"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shield-check-fill"}),(0,e.kt)("p",null,"shield-check")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-line"}),(0,e.kt)("p",null,"delete-back"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-fill"}),(0,e.kt)("p",null,"delete-back")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-2-line"}),(0,e.kt)("p",null,"delete-back-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-back-2-fill"}),(0,e.kt)("p",null,"delete-back-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-line"}),(0,e.kt)("p",null,"delete-bin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-fill"}),(0,e.kt)("p",null,"delete-bin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-2-line"}),(0,e.kt)("p",null,"delete-bin-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-2-fill"}),(0,e.kt)("p",null,"delete-bin-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-3-line"}),(0,e.kt)("p",null,"delete-bin-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-3-fill"}),(0,e.kt)("p",null,"delete-bin-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-4-line"}),(0,e.kt)("p",null,"delete-bin-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-4-fill"}),(0,e.kt)("p",null,"delete-bin-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-5-line"}),(0,e.kt)("p",null,"delete-bin-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-5-fill"}),(0,e.kt)("p",null,"delete-bin-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-6-line"}),(0,e.kt)("p",null,"delete-bin-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-6-fill"}),(0,e.kt)("p",null,"delete-bin-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-7-line"}),(0,e.kt)("p",null,"delete-bin-7"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-delete-bin-7-fill"}),(0,e.kt)("p",null,"delete-bin-7")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-line"}),(0,e.kt)("p",null,"lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-fill"}),(0,e.kt)("p",null,"lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-2-line"}),(0,e.kt)("p",null,"lock-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-2-fill"}),(0,e.kt)("p",null,"lock-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-password-line"}),(0,e.kt)("p",null,"lock-password"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-password-fill"}),(0,e.kt)("p",null,"lock-password")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-unlock-line"}),(0,e.kt)("p",null,"lock-unlock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lock-unlock-fill"}),(0,e.kt)("p",null,"lock-unlock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-line"}),(0,e.kt)("p",null,"eye"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-fill"}),(0,e.kt)("p",null,"eye")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-off-line"}),(0,e.kt)("p",null,"eye-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-off-fill"}),(0,e.kt)("p",null,"eye-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-2-line"}),(0,e.kt)("p",null,"eye-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-2-fill"}),(0,e.kt)("p",null,"eye-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-close-line"}),(0,e.kt)("p",null,"eye-close"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-eye-close-fill"}),(0,e.kt)("p",null,"eye-close")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-line"}),(0,e.kt)("p",null,"search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-fill"}),(0,e.kt)("p",null,"search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-2-line"}),(0,e.kt)("p",null,"search-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-2-fill"}),(0,e.kt)("p",null,"search-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-eye-line"}),(0,e.kt)("p",null,"search-eye"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-search-eye-fill"}),(0,e.kt)("p",null,"search-eye")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-in-line"}),(0,e.kt)("p",null,"zoom-in"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-in-fill"}),(0,e.kt)("p",null,"zoom-in")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-out-line"}),(0,e.kt)("p",null,"zoom-out"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-zoom-out-fill"}),(0,e.kt)("p",null,"zoom-out")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-find-replace-line"}),(0,e.kt)("p",null,"find-replace"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-find-replace-fill"}),(0,e.kt)("p",null,"find-replace")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-line"}),(0,e.kt)("p",null,"share"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-fill"}),(0,e.kt)("p",null,"share")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-box-line"}),(0,e.kt)("p",null,"share-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-box-fill"}),(0,e.kt)("p",null,"share-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-circle-line"}),(0,e.kt)("p",null,"share-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-circle-fill"}),(0,e.kt)("p",null,"share-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-line"}),(0,e.kt)("p",null,"share-forward"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-fill"}),(0,e.kt)("p",null,"share-forward")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-2-line"}),(0,e.kt)("p",null,"share-forward-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-2-fill"}),(0,e.kt)("p",null,"share-forward-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-box-line"}),(0,e.kt)("p",null,"share-forward-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-share-forward-box-fill"}),(0,e.kt)("p",null,"share-forward-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-side-bar-line"}),(0,e.kt)("p",null,"side-bar"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-side-bar-fill"}),(0,e.kt)("p",null,"side-bar")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-time-line"}),(0,e.kt)("p",null,"time"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-time-fill"}),(0,e.kt)("p",null,"time")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-line"}),(0,e.kt)("p",null,"timer"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-fill"}),(0,e.kt)("p",null,"timer")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-2-line"}),(0,e.kt)("p",null,"timer-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-2-fill"}),(0,e.kt)("p",null,"timer-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-flash-line"}),(0,e.kt)("p",null,"timer-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-timer-flash-fill"}),(0,e.kt)("p",null,"timer-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-line"}),(0,e.kt)("p",null,"alarm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-fill"}),(0,e.kt)("p",null,"alarm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-history-line"}),(0,e.kt)("p",null,"history"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-history-fill"}),(0,e.kt)("p",null,"history")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-down-line"}),(0,e.kt)("p",null,"thumb-down"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-down-fill"}),(0,e.kt)("p",null,"thumb-down")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-up-line"}),(0,e.kt)("p",null,"thumb-up"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thumb-up-fill"}),(0,e.kt)("p",null,"thumb-up")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-warning-line"}),(0,e.kt)("p",null,"alarm-warning"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-alarm-warning-fill"}),(0,e.kt)("p",null,"alarm-warning")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-badge-line"}),(0,e.kt)("p",null,"notification-badge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-notification-badge-fill"}),(0,e.kt)("p",null,"notification-badge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-toggle-line"}),(0,e.kt)("p",null,"toggle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-toggle-fill"}),(0,e.kt)("p",null,"toggle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-line"}),(0,e.kt)("p",null,"filter"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-fill"}),(0,e.kt)("p",null,"filter")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-2-line"}),(0,e.kt)("p",null,"filter-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-2-fill"}),(0,e.kt)("p",null,"filter-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-3-line"}),(0,e.kt)("p",null,"filter-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-3-fill"}),(0,e.kt)("p",null,"filter-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-off-line"}),(0,e.kt)("p",null,"filter-off"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-filter-off-fill"}),(0,e.kt)("p",null,"filter-off")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-line"}),(0,e.kt)("p",null,"loader"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-fill"}),(0,e.kt)("p",null,"loader")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-2-line"}),(0,e.kt)("p",null,"loader-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-2-fill"}),(0,e.kt)("p",null,"loader-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-3-line"}),(0,e.kt)("p",null,"loader-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-3-fill"}),(0,e.kt)("p",null,"loader-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-4-line"}),(0,e.kt)("p",null,"loader-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-4-fill"}),(0,e.kt)("p",null,"loader-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-5-line"}),(0,e.kt)("p",null,"loader-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-loader-5-fill"}),(0,e.kt)("p",null,"loader-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-external-link-line"}),(0,e.kt)("p",null,"external-link"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-external-link-fill"}),(0,e.kt)("p",null,"external-link"))))),(0,e.kt)("h3",{id:"system"},"System")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-line"}),(0,e.kt)("p",null,"user"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-fill"}),(0,e.kt)("p",null,"user")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-2-line"}),(0,e.kt)("p",null,"user-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-2-fill"}),(0,e.kt)("p",null,"user-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-3-line"}),(0,e.kt)("p",null,"user-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-3-fill"}),(0,e.kt)("p",null,"user-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-4-line"}),(0,e.kt)("p",null,"user-4"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-4-fill"}),(0,e.kt)("p",null,"user-4")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-5-line"}),(0,e.kt)("p",null,"user-5"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-5-fill"}),(0,e.kt)("p",null,"user-5")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-6-line"}),(0,e.kt)("p",null,"user-6"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-6-fill"}),(0,e.kt)("p",null,"user-6")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-smile-line"}),(0,e.kt)("p",null,"user-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-smile-fill"}),(0,e.kt)("p",null,"user-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-box-line"}),(0,e.kt)("p",null,"account-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-box-fill"}),(0,e.kt)("p",null,"account-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-circle-line"}),(0,e.kt)("p",null,"account-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-circle-fill"}),(0,e.kt)("p",null,"account-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-box-line"}),(0,e.kt)("p",null,"account-pin-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-box-fill"}),(0,e.kt)("p",null,"account-pin-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-circle-line"}),(0,e.kt)("p",null,"account-pin-circle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-account-pin-circle-fill"}),(0,e.kt)("p",null,"account-pin-circle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-add-line"}),(0,e.kt)("p",null,"user-add"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-add-fill"}),(0,e.kt)("p",null,"user-add")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-follow-line"}),(0,e.kt)("p",null,"user-follow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-follow-fill"}),(0,e.kt)("p",null,"user-follow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-unfollow-line"}),(0,e.kt)("p",null,"user-unfollow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-unfollow-fill"}),(0,e.kt)("p",null,"user-unfollow")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-line"}),(0,e.kt)("p",null,"user-shared"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-fill"}),(0,e.kt)("p",null,"user-shared")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-2-line"}),(0,e.kt)("p",null,"user-shared-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-shared-2-fill"}),(0,e.kt)("p",null,"user-shared-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-line"}),(0,e.kt)("p",null,"user-received"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-fill"}),(0,e.kt)("p",null,"user-received")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-2-line"}),(0,e.kt)("p",null,"user-received-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-received-2-fill"}),(0,e.kt)("p",null,"user-received-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-location-line"}),(0,e.kt)("p",null,"user-location"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-location-fill"}),(0,e.kt)("p",null,"user-location")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-search-line"}),(0,e.kt)("p",null,"user-search"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-search-fill"}),(0,e.kt)("p",null,"user-search")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-settings-line"}),(0,e.kt)("p",null,"user-settings"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-settings-fill"}),(0,e.kt)("p",null,"user-settings")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-star-line"}),(0,e.kt)("p",null,"user-star"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-star-fill"}),(0,e.kt)("p",null,"user-star")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-heart-line"}),(0,e.kt)("p",null,"user-heart"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-heart-fill"}),(0,e.kt)("p",null,"user-heart")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-admin-line"}),(0,e.kt)("p",null,"admin"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-admin-fill"}),(0,e.kt)("p",null,"admin")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-line"}),(0,e.kt)("p",null,"contacts"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-contacts-fill"}),(0,e.kt)("p",null,"contacts")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-line"}),(0,e.kt)("p",null,"group"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-fill"}),(0,e.kt)("p",null,"group")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-2-line"}),(0,e.kt)("p",null,"group-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-group-2-fill"}),(0,e.kt)("p",null,"group-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-team-line"}),(0,e.kt)("p",null,"team"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-team-fill"}),(0,e.kt)("p",null,"team")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-voice-line"}),(0,e.kt)("p",null,"user-voice"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-user-voice-fill"}),(0,e.kt)("p",null,"user-voice")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-line"}),(0,e.kt)("p",null,"emotion"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-fill"}),(0,e.kt)("p",null,"emotion")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-2-line"}),(0,e.kt)("p",null,"emotion-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-2-fill"}),(0,e.kt)("p",null,"emotion-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-happy-line"}),(0,e.kt)("p",null,"emotion-happy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-happy-fill"}),(0,e.kt)("p",null,"emotion-happy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-normal-line"}),(0,e.kt)("p",null,"emotion-normal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-normal-fill"}),(0,e.kt)("p",null,"emotion-normal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-unhappy-line"}),(0,e.kt)("p",null,"emotion-unhappy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-unhappy-fill"}),(0,e.kt)("p",null,"emotion-unhappy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-laugh-line"}),(0,e.kt)("p",null,"emotion-laugh"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-laugh-fill"}),(0,e.kt)("p",null,"emotion-laugh")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-sad-line"}),(0,e.kt)("p",null,"emotion-sad"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-emotion-sad-fill"}),(0,e.kt)("p",null,"emotion-sad")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-line"}),(0,e.kt)("p",null,"skull"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-fill"}),(0,e.kt)("p",null,"skull")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-2-line"}),(0,e.kt)("p",null,"skull-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-skull-2-fill"}),(0,e.kt)("p",null,"skull-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-men-line"}),(0,e.kt)("p",null,"men"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-men-fill"}),(0,e.kt)("p",null,"men")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-women-line"}),(0,e.kt)("p",null,"women"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-women-fill"}),(0,e.kt)("p",null,"women")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-travesti-line"}),(0,e.kt)("p",null,"travesti"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-travesti-fill"}),(0,e.kt)("p",null,"travesti")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-genderless-line"}),(0,e.kt)("p",null,"genderless"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-genderless-fill"}),(0,e.kt)("p",null,"genderless")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-arm-line"}),(0,e.kt)("p",null,"open-arm"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-open-arm-fill"}),(0,e.kt)("p",null,"open-arm")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-body-scan-line"}),(0,e.kt)("p",null,"body-scan"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-body-scan-fill"}),(0,e.kt)("p",null,"body-scan")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parent-line"}),(0,e.kt)("p",null,"parent"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-parent-fill"}),(0,e.kt)("p",null,"parent")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-robot-line"}),(0,e.kt)("p",null,"robot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-robot-fill"}),(0,e.kt)("p",null,"robot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aliens-line"}),(0,e.kt)("p",null,"aliens"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-aliens-fill"}),(0,e.kt)("p",null,"aliens")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bear-smile-line"}),(0,e.kt)("p",null,"bear-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bear-smile-fill"}),(0,e.kt)("p",null,"bear-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mickey-line"}),(0,e.kt)("p",null,"mickey"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mickey-fill"}),(0,e.kt)("p",null,"mickey")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-criminal-line"}),(0,e.kt)("p",null,"criminal"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-criminal-fill"}),(0,e.kt)("p",null,"criminal")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-line"}),(0,e.kt)("p",null,"ghost"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-fill"}),(0,e.kt)("p",null,"ghost")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-2-line"}),(0,e.kt)("p",null,"ghost-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-2-fill"}),(0,e.kt)("p",null,"ghost-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-smile-line"}),(0,e.kt)("p",null,"ghost-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ghost-smile-fill"}),(0,e.kt)("p",null,"ghost-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-smile-line"}),(0,e.kt)("p",null,"star-smile"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-star-smile-fill"}),(0,e.kt)("p",null,"star-smile")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spy-line"}),(0,e.kt)("p",null,"spy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-spy-fill"}),(0,e.kt)("p",null,"spy"))))),(0,e.kt)("h3",{id:"user--faces"},"User ","&"," Faces")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-line"}),(0,e.kt)("p",null,"sun"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-fill"}),(0,e.kt)("p",null,"sun")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-line"}),(0,e.kt)("p",null,"moon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-fill"}),(0,e.kt)("p",null,"moon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flashlight-line"}),(0,e.kt)("p",null,"flashlight"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flashlight-fill"}),(0,e.kt)("p",null,"flashlight")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-line"}),(0,e.kt)("p",null,"cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-fill"}),(0,e.kt)("p",null,"cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-2-line"}),(0,e.kt)("p",null,"cloudy-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloudy-2-fill"}),(0,e.kt)("p",null,"cloudy-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mist-line"}),(0,e.kt)("p",null,"mist"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-mist-fill"}),(0,e.kt)("p",null,"mist")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-foggy-line"}),(0,e.kt)("p",null,"foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-foggy-fill"}),(0,e.kt)("p",null,"foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-windy-line"}),(0,e.kt)("p",null,"cloud-windy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cloud-windy-fill"}),(0,e.kt)("p",null,"cloud-windy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windy-line"}),(0,e.kt)("p",null,"windy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-windy-fill"}),(0,e.kt)("p",null,"windy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainy-line"}),(0,e.kt)("p",null,"rainy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainy-fill"}),(0,e.kt)("p",null,"rainy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drizzle-line"}),(0,e.kt)("p",null,"drizzle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-drizzle-fill"}),(0,e.kt)("p",null,"drizzle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-showers-line"}),(0,e.kt)("p",null,"showers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-showers-fill"}),(0,e.kt)("p",null,"showers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heavy-showers-line"}),(0,e.kt)("p",null,"heavy-showers"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-heavy-showers-fill"}),(0,e.kt)("p",null,"heavy-showers")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thunderstorms-line"}),(0,e.kt)("p",null,"thunderstorms"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-thunderstorms-fill"}),(0,e.kt)("p",null,"thunderstorms")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hail-line"}),(0,e.kt)("p",null,"hail"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-hail-fill"}),(0,e.kt)("p",null,"hail")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snowy-line"}),(0,e.kt)("p",null,"snowy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-snowy-fill"}),(0,e.kt)("p",null,"snowy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-cloudy-line"}),(0,e.kt)("p",null,"sun-cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-cloudy-fill"}),(0,e.kt)("p",null,"sun-cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-cloudy-line"}),(0,e.kt)("p",null,"moon-cloudy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-cloudy-fill"}),(0,e.kt)("p",null,"moon-cloudy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tornado-line"}),(0,e.kt)("p",null,"tornado"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-tornado-fill"}),(0,e.kt)("p",null,"tornado")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-typhoon-line"}),(0,e.kt)("p",null,"typhoon"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-typhoon-fill"}),(0,e.kt)("p",null,"typhoon")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-line"}),(0,e.kt)("p",null,"haze"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-fill"}),(0,e.kt)("p",null,"haze")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-2-line"}),(0,e.kt)("p",null,"haze-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-haze-2-fill"}),(0,e.kt)("p",null,"haze-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-foggy-line"}),(0,e.kt)("p",null,"sun-foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sun-foggy-fill"}),(0,e.kt)("p",null,"sun-foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-foggy-line"}),(0,e.kt)("p",null,"moon-foggy"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-foggy-fill"}),(0,e.kt)("p",null,"moon-foggy")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-clear-line"}),(0,e.kt)("p",null,"moon-clear"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-moon-clear-fill"}),(0,e.kt)("p",null,"moon-clear")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-hot-line"}),(0,e.kt)("p",null,"temp-hot"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-hot-fill"}),(0,e.kt)("p",null,"temp-hot")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-cold-line"}),(0,e.kt)("p",null,"temp-cold"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-temp-cold-fill"}),(0,e.kt)("p",null,"temp-cold")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-celsius-line"}),(0,e.kt)("p",null,"celsius"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-celsius-fill"}),(0,e.kt)("p",null,"celsius")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fahrenheit-line"}),(0,e.kt)("p",null,"fahrenheit"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fahrenheit-fill"}),(0,e.kt)("p",null,"fahrenheit")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fire-line"}),(0,e.kt)("p",null,"fire"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fire-fill"}),(0,e.kt)("p",null,"fire")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blaze-line"}),(0,e.kt)("p",null,"blaze"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-blaze-fill"}),(0,e.kt)("p",null,"blaze")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earthquake-line"}),(0,e.kt)("p",null,"earthquake"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-earthquake-fill"}),(0,e.kt)("p",null,"earthquake")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flood-line"}),(0,e.kt)("p",null,"flood"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-flood-fill"}),(0,e.kt)("p",null,"flood")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-meteor-line"}),(0,e.kt)("p",null,"meteor"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-meteor-fill"}),(0,e.kt)("p",null,"meteor")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainbow-line"}),(0,e.kt)("p",null,"rainbow"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-rainbow-fill"}),(0,e.kt)("p",null,"rainbow"))))),(0,e.kt)("h3",{id:"weather"},"Weather")),(0,e.kt)("div",{className:"icon-type-item"},(0,e.kt)("div",{className:"icon-items"},(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-basketball-line"}),(0,e.kt)("p",null,"basketball"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-basketball-fill"}),(0,e.kt)("p",null,"basketball")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bell-line"}),(0,e.kt)("p",null,"bell"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-bell-fill"}),(0,e.kt)("p",null,"bell")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-billiards-line"}),(0,e.kt)("p",null,"billiards"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-billiards-fill"}),(0,e.kt)("p",null,"billiards")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-boxing-line"}),(0,e.kt)("p",null,"boxing"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-boxing-fill"}),(0,e.kt)("p",null,"boxing")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-line"}),(0,e.kt)("p",null,"cake"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-fill"}),(0,e.kt)("p",null,"cake")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-2-line"}),(0,e.kt)("p",null,"cake-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-2-fill"}),(0,e.kt)("p",null,"cake-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-3-line"}),(0,e.kt)("p",null,"cake-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cake-3-fill"}),(0,e.kt)("p",null,"cake-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-line"}),(0,e.kt)("p",null,"door-lock"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-fill"}),(0,e.kt)("p",null,"door-lock")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-box-line"}),(0,e.kt)("p",null,"door-lock-box"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-lock-box-fill"}),(0,e.kt)("p",null,"door-lock-box")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-football-line"}),(0,e.kt)("p",null,"football"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-football-fill"}),(0,e.kt)("p",null,"football")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-game-line"}),(0,e.kt)("p",null,"game"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-game-fill"}),(0,e.kt)("p",null,"game")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-handbag-line"}),(0,e.kt)("p",null,"handbag"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-handbag-fill"}),(0,e.kt)("p",null,"handbag")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-line"}),(0,e.kt)("p",null,"key"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-fill"}),(0,e.kt)("p",null,"key")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-2-line"}),(0,e.kt)("p",null,"key-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-key-2-fill"}),(0,e.kt)("p",null,"key-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-line"}),(0,e.kt)("p",null,"knife"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-fill"}),(0,e.kt)("p",null,"knife")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-blood-line"}),(0,e.kt)("p",null,"knife-blood"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-knife-blood-fill"}),(0,e.kt)("p",null,"knife-blood")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-line"}),(0,e.kt)("p",null,"lightbulb"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-fill"}),(0,e.kt)("p",null,"lightbulb")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-flash-line"}),(0,e.kt)("p",null,"lightbulb-flash"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-lightbulb-flash-fill"}),(0,e.kt)("p",null,"lightbulb-flash")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-line"}),(0,e.kt)("p",null,"outlet"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-fill"}),(0,e.kt)("p",null,"outlet")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-2-line"}),(0,e.kt)("p",null,"outlet-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-outlet-2-fill"}),(0,e.kt)("p",null,"outlet-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ping-pong-line"}),(0,e.kt)("p",null,"ping-pong"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-ping-pong-fill"}),(0,e.kt)("p",null,"ping-pong")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-line"}),(0,e.kt)("p",null,"plug"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-fill"}),(0,e.kt)("p",null,"plug")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-2-line"}),(0,e.kt)("p",null,"plug-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plug-2-fill"}),(0,e.kt)("p",null,"plug-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reserved-line"}),(0,e.kt)("p",null,"reserved"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-reserved-fill"}),(0,e.kt)("p",null,"reserved")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shirt-line"}),(0,e.kt)("p",null,"shirt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-shirt-fill"}),(0,e.kt)("p",null,"shirt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sword-line"}),(0,e.kt)("p",null,"sword"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-sword-fill"}),(0,e.kt)("p",null,"sword")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-line"}),(0,e.kt)("p",null,"t-shirt"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-fill"}),(0,e.kt)("p",null,"t-shirt")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-2-line"}),(0,e.kt)("p",null,"t-shirt-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-2-fill"}),(0,e.kt)("p",null,"t-shirt-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-air-line"}),(0,e.kt)("p",null,"t-shirt-air"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-t-shirt-air-fill"}),(0,e.kt)("p",null,"t-shirt-air")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-umbrella-line"}),(0,e.kt)("p",null,"umbrella"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-umbrella-fill"}),(0,e.kt)("p",null,"umbrella")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-character-recognition-line"}),(0,e.kt)("p",null,"character-recognition"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-character-recognition-fill"}),(0,e.kt)("p",null,"character-recognition")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voice-recognition-line"}),(0,e.kt)("p",null,"voice-recognition"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-voice-recognition-fill"}),(0,e.kt)("p",null,"voice-recognition")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-leaf-line"}),(0,e.kt)("p",null,"leaf"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-leaf-fill"}),(0,e.kt)("p",null,"leaf")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plant-line"}),(0,e.kt)("p",null,"plant"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-plant-fill"}),(0,e.kt)("p",null,"plant")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-seedling-line"}),(0,e.kt)("p",null,"seedling"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-seedling-fill"}),(0,e.kt)("p",null,"seedling")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-recycle-line"}),(0,e.kt)("p",null,"recycle"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-recycle-fill"}),(0,e.kt)("p",null,"recycle")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-line"}),(0,e.kt)("p",null,"scales"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-fill"}),(0,e.kt)("p",null,"scales")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-2-line"}),(0,e.kt)("p",null,"scales-2"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-2-fill"}),(0,e.kt)("p",null,"scales-2")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-3-line"}),(0,e.kt)("p",null,"scales-3"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-scales-3-fill"}),(0,e.kt)("p",null,"scales-3")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fridge-line"}),(0,e.kt)("p",null,"fridge"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-fridge-fill"}),(0,e.kt)("p",null,"fridge")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wheelchair-line"}),(0,e.kt)("p",null,"wheelchair"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-wheelchair-fill"}),(0,e.kt)("p",null,"wheelchair")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cactus-line"}),(0,e.kt)("p",null,"cactus"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-cactus-fill"}),(0,e.kt)("p",null,"cactus")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-line"}),(0,e.kt)("p",null,"door"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-fill"}),(0,e.kt)("p",null,"door")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-open-line"}),(0,e.kt)("p",null,"door-open"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-open-fill"}),(0,e.kt)("p",null,"door-open")))),(0,e.kt)("div",{className:"icon-item-group"},(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-closed-line"}),(0,e.kt)("p",null,"door-closed"))),(0,e.kt)("div",{className:"icon-item"},(0,e.kt)("i",{className:"red-dot"}),(0,e.kt)("div",{className:"icon-info"},(0,e.kt)("i",{className:"ri-door-closed-fill"}),(0,e.kt)("p",null,"door-closed"))))),(0,e.kt)("h3",{id:"others"},"Others"))))}N.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/54e4468f.dd984ef5.js b/docs/assets/js/54e4468f.dd984ef5.js deleted file mode 100644 index 004ed277ad..0000000000 --- a/docs/assets/js/54e4468f.dd984ef5.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:()=>u,default:()=>f,frontMatter:()=>i,metadata:()=>p,toc:()=>c});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}]};function s(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(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")))}s.isMDXComponent=!0;const i={title:"Maps",description:"",hide_table_of_contents:!0},u=void 0,p={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"}},c=[],d=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.kt)("div",e)});var m;const h={toc:c};function f(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(0,n.Z)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(r.ZP,{usage:(0,o.kt)(s,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>b});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_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,{"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};function b(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/54e4468f.f96775e6.js b/docs/assets/js/54e4468f.f96775e6.js new file mode 100644 index 0000000000..636b1f433c --- /dev/null +++ b/docs/assets/js/54e4468f.f96775e6.js @@ -0,0 +1 @@ +"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 new file mode 100644 index 0000000000..f7efdcf486 --- /dev/null +++ b/docs/assets/js/56bbe726.02ecf8a0.js @@ -0,0 +1 @@ +"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.60dd2ebf.js b/docs/assets/js/56bbe726.60dd2ebf.js deleted file mode 100644 index c63797a939..0000000000 --- a/docs/assets/js/56bbe726.60dd2ebf.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:()=>m,default:()=>b,frontMatter:()=>d,metadata:()=>f,toc:()=>v});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}]};function l(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(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")))}l.isMDXComponent=!0;var i=o(7521);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}]};function c(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(0,n.Z)({},u,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(i.ZP,{id:"components-progress--default",height:"120",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"progress-with-value"},"Progress with Value"),(0,r.kt)(i.ZP,{id:"components-progress--progress-with-value",height:"120",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"custom-color"},"Custom Color"),(0,r.kt)(i.ZP,{id:"components-progress--custom-color",height:"120",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="MenuJSDoc";var p;const d={title:"Progress",description:"",hide_table_of_contents:!0},m=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};function b(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(0,n.Z)({},h,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7521:(e,t,o)=>{o.d(t,{ZP:()=>i});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};function i(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,o)=>{o.d(t,{ZP:()=>b});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_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,{"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};function b(e){let{components:t,...o}=e;return(0,a.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/627750f7.f4f609d1.js b/docs/assets/js/627750f7.6f79a50b.js similarity index 91% rename from docs/assets/js/627750f7.f4f609d1.js rename to docs/assets/js/627750f7.6f79a50b.js index a50b402fb9..7f6c41f32f 100644 --- a/docs/assets/js/627750f7.f4f609d1.js +++ b/docs/assets/js/627750f7.6f79a50b.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:()=>u,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};function u(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"utilities"},"Utilities"))}u.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/63791757.0c02f6bc.js b/docs/assets/js/63791757.b5f68b7e.js similarity index 67% rename from docs/assets/js/63791757.0c02f6bc.js rename to docs/assets/js/63791757.b5f68b7e.js index ce33cd5fbe..3a67310d2a 100644 --- a/docs/assets/js/63791757.0c02f6bc.js +++ b/docs/assets/js/63791757.b5f68b7e.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:()=>d,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};function d(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(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."))}d.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/671d942a.361333e3.js b/docs/assets/js/671d942a.361333e3.js new file mode 100644 index 0000000000..6bcf256a06 --- /dev/null +++ b/docs/assets/js/671d942a.361333e3.js @@ -0,0 +1 @@ +"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.b5625d4d.js b/docs/assets/js/671d942a.b5625d4d.js deleted file mode 100644 index 8c0c2e7f65..0000000000 --- a/docs/assets/js/671d942a.b5625d4d.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:()=>m,default:()=>g,frontMatter:()=>p,metadata:()=>h,toc:()=>f});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}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}l.isMDXComponent=!0;var i=n(7521);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}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(i.ZP,{id:"components-message--default",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"success"},"Success"),(0,a.kt)(i.ZP,{id:"components-message--success",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"warning"},"Warning"),(0,a.kt)(i.ZP,{id:"components-message--warning",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"error"},"Error"),(0,a.kt)(i.ZP,{id:"components-message--error",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"info"},"Info"),(0,a.kt)(i.ZP,{id:"components-message--info",height:"120",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="MessageJSDoc";var d;const p={title:"Messages",description:"",hide_table_of_contents:!0},m=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};function g(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(c,{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 s(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"})))}i.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 d="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,{"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};function g(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/686ae6d4.600335dc.js b/docs/assets/js/686ae6d4.600335dc.js new file mode 100644 index 0000000000..4f108250fd --- /dev/null +++ b/docs/assets/js/686ae6d4.600335dc.js @@ -0,0 +1 @@ +"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.afba6844.js b/docs/assets/js/686ae6d4.afba6844.js deleted file mode 100644 index b3acfb44b8..0000000000 --- a/docs/assets/js/686ae6d4.afba6844.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:()=>d,default:()=>y,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const s={toc:[]};function l(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"No specific UX guidelines."))}l.isMDXComponent=!0;var i=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-segment--default",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="MenuJSDoc";var p;const m={title:"Segment",description:"",hide_table_of_contents:!0},d=void 0,f={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"}},b=[],v={toc:b};function y(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});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_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,{"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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/6c6ad4cd.3d04930d.js b/docs/assets/js/6c6ad4cd.3d04930d.js deleted file mode 100644 index 5d844acca7..0000000000 --- a/docs/assets/js/6c6ad4cd.3d04930d.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:()=>d,default:()=>b,frontMatter:()=>m,metadata:()=>h,toc:()=>g});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const i={toc:[{value:"Do's",id:"dos",children:[],level:3}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}l.isMDXComponent=!0;var s=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(s.ZP,{id:"components-inpage-navigation--default",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="InpageNavigationJSDoc";var p;const m={title:"Inpage Navigation",description:"",hide_table_of_contents:!0},d=void 0,h={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"}},g=[],f={toc:g};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"})))}s.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});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_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:f,setTabGroupChoices:b}=s(),[v,y]=(0,a.useState)(g),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,c.o5)();if(null!=i){const e=f[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&&b(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,{"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 f={toc:[],getValues:g};function b(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},f,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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/6c6ad4cd.6511d866.js b/docs/assets/js/6c6ad4cd.6511d866.js new file mode 100644 index 0000000000..9ecf29afe3 --- /dev/null +++ b/docs/assets/js/6c6ad4cd.6511d866.js @@ -0,0 +1 @@ +"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/76fe1567.86227180.js b/docs/assets/js/76fe1567.86227180.js new file mode 100644 index 0000000000..1c7bc29093 --- /dev/null +++ b/docs/assets/js/76fe1567.86227180.js @@ -0,0 +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 diff --git a/docs/assets/js/76fe1567.9a8b4db1.js b/docs/assets/js/76fe1567.9a8b4db1.js deleted file mode 100644 index 0f53587ce5..0000000000 --- a/docs/assets/js/76fe1567.9a8b4db1.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>u,default:()=>v,frontMatter:()=>i,metadata:()=>c,toc:()=>d});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}]};function s(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;const i={title:"Dashboard",description:"",hide_table_of_contents:!0},u=void 0,c={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"}},d=[],p=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var m;const b={toc:d};function v(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>h});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_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,{"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};function h(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/77dd8181.99491a93.js b/docs/assets/js/77dd8181.99491a93.js deleted file mode 100644 index 0dd8e4f09e..0000000000 --- a/docs/assets/js/77dd8181.99491a93.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 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,h=p["".concat(i,".").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 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:()=>d,default:()=>v,frontMatter:()=>p,metadata:()=>m,toc:()=>h});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.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,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use cards to emphasize on contents"),(0,r.kt)("li",{parentName:"ul"},"only display the most relevant information on each card\nillustration: card with a thumbnail, title, description"),(0,r.kt)("li",{parentName:"ul"},"keep the amount of links on the cards as low as possible")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"overuse cards"),(0,r.kt)("li",{parentName:"ul"},"limit the amount of cards to small groups of items"),(0,r.kt)("li",{parentName:"ul"},"limit to 3-4 cards within a row"),(0,r.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,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"},"browsing for information (as opposed to searching)")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"grouping heterogeneous types of content")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"allowing users to scan through content in small portions"),(0,r.kt)("ul",{parentName:"li"},(0,r.kt)("li",{parentName:"ul"},"to display structured content"),(0,r.kt)("li",{parentName:"ul"},"to make information discoverable"))),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"the user goals that the card-based web design best responds to:"),(0,r.kt)("ul",{parentName:"li"},(0,r.kt)("li",{parentName:"ul"},"scrolling through"),(0,r.kt)("li",{parentName:"ul"},"scanning through"),(0,r.kt)("li",{parentName:"ul"},"browsing through")))),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"searching for information (as opposed to browsing)"),(0,r.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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{height:"400",id:"components-card-default--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Card",description:"",hide_table_of_contents:!0},d=void 0,m={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};function v(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>b});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_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,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,r.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 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,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:C,onClick:C},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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/77dd8181.dbb98ec9.js b/docs/assets/js/77dd8181.dbb98ec9.js new file mode 100644 index 0000000000..e094a20f94 --- /dev/null +++ b/docs/assets/js/77dd8181.dbb98ec9.js @@ -0,0 +1 @@ +"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.cbdafccc.js new file mode 100644 index 0000000000..e76644a45d --- /dev/null +++ b/docs/assets/js/7810a5ba.cbdafccc.js @@ -0,0 +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 diff --git a/docs/assets/js/7810a5ba.dd953061.js b/docs/assets/js/7810a5ba.dd953061.js deleted file mode 100644 index fef3fd3192..0000000000 --- a/docs/assets/js/7810a5ba.dd953061.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>u,default:()=>f,frontMatter:()=>i,metadata:()=>p,toc:()=>c});var n=a(7462),r=(a(7294),a(3905)),o=a(4037);const s={toc:[{value:"Don\u2019ts",id:"donts",children:[],level:3}]};function l(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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."))}l.isMDXComponent=!0;const i={title:"Filters",description:"",hide_table_of_contents:!0},u=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"}},c=[],m=(d="Showcase",function(e){return console.warn("Component "+d+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var d;const h={toc:c};function f(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(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"}))}f.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>v});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_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,{"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};function v(e){let{components:t,...a}=e;return(0,o.kt)("wrapper",(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)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/792760cc.08f0edc4.js b/docs/assets/js/792760cc.08f0edc4.js new file mode 100644 index 0000000000..f31f5f70de --- /dev/null +++ b/docs/assets/js/792760cc.08f0edc4.js @@ -0,0 +1 @@ +"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.4bb49eb5.js b/docs/assets/js/792760cc.4bb49eb5.js deleted file mode 100644 index 7ab2a9a8e2..0000000000 --- a/docs/assets/js/792760cc.4bb49eb5.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:()=>s,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};function s(t){let{components:e,...l}=t;return(0,r.kt)("wrapper",(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")))))}s.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/797402ac.261f0d22.js b/docs/assets/js/797402ac.261f0d22.js new file mode 100644 index 0000000000..652d4d7e79 --- /dev/null +++ b/docs/assets/js/797402ac.261f0d22.js @@ -0,0 +1 @@ +"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.8c981144.js b/docs/assets/js/797402ac.8c981144.js deleted file mode 100644 index dabe5c55dd..0000000000 --- a/docs/assets/js/797402ac.8c981144.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:()=>m,default:()=>v,frontMatter:()=>d,metadata:()=>b,toc:()=>f});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}]};function s(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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.")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Vertical",id:"vertical",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(i.ZP,{id:"components-tab--default",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"vertical"},"Vertical"),(0,o.kt)(i.ZP,{id:"components-tab--vertical",height:"400",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="TabsJSDoc";var p;const d={title:"Tab",description:"",hide_table_of_contents:!0},m=void 0,b={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"}},f=[],h={toc:f};function v(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,a.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(r.ZP,{usage:(0,o.kt)(s,{mdxType:"Usage"}),showcase:(0,o.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>v});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_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,{"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};function v(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/7ca1ae16.02804555.js b/docs/assets/js/7ca1ae16.02804555.js new file mode 100644 index 0000000000..fa89ce57da --- /dev/null +++ b/docs/assets/js/7ca1ae16.02804555.js @@ -0,0 +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 diff --git a/docs/assets/js/7ca1ae16.a4f1d22b.js b/docs/assets/js/7ca1ae16.a4f1d22b.js deleted file mode 100644 index d6c786678c..0000000000 --- a/docs/assets/js/7ca1ae16.a4f1d22b.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>d,default:()=>y,frontMatter:()=>m,metadata:()=>f,toc:()=>v});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}]};function l(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}l.isMDXComponent=!0;var i=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-confirm--default",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="AccordionJSDoc";var p;const m={title:"Confirm",description:"",hide_table_of_contents:!0},d=void 0,f={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"}},v=[],b={toc:v};function y(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});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_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,{"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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/8050142d.0565669b.js b/docs/assets/js/8050142d.0565669b.js deleted file mode 100644 index cef0980f77..0000000000 --- a/docs/assets/js/8050142d.0565669b.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:()=>d,default:()=>b,frontMatter:()=>p,metadata:()=>m,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}]};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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.")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(i.ZP,{id:"components-tag--default",height:"200",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Tags",description:"",hide_table_of_contents:!0},d=void 0,m={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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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:()=>h});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_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,{"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};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/8050142d.1e9f60f9.js b/docs/assets/js/8050142d.1e9f60f9.js new file mode 100644 index 0000000000..411179a5f3 --- /dev/null +++ b/docs/assets/js/8050142d.1e9f60f9.js @@ -0,0 +1 @@ +"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/85201c01.ba0cfdba.js b/docs/assets/js/85201c01.ba0cfdba.js deleted file mode 100644 index 9e8280d1a8..0000000000 --- a/docs/assets/js/85201c01.ba0cfdba.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:()=>d,default:()=>h,frontMatter:()=>p,metadata:()=>m,toc:()=>f});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Dont \u2018s",id:"dont-s",children:[],level:3}]};function l(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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."))}l.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default Loader",id:"default-loader",children:[],level:2},{value:"Full Page Loader",id:"full-page-loader",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default-loader"},"Default Loader"),(0,o.kt)(i.ZP,{id:"components-loader--default",height:"180",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"full-page-loader"},"Full Page Loader"),(0,o.kt)(i.ZP,{id:"components-loader--full-page-loader",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Loader",description:"",hide_table_of_contents:!0},d=void 0,m={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"}},f=[],b={toc:f};function h(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(l,{mdxType:"Usage"}),showcase:(0,o.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"})))}i.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_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,{"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};function v(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/85201c01.e3153012.js b/docs/assets/js/85201c01.e3153012.js new file mode 100644 index 0000000000..c6229fba54 --- /dev/null +++ b/docs/assets/js/85201c01.e3153012.js @@ -0,0 +1 @@ +"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.86ba7d92.js b/docs/assets/js/860b2a9d.86ba7d92.js deleted file mode 100644 index 7d1ef19917..0000000000 --- a/docs/assets/js/860b2a9d.86ba7d92.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>Dh,default:()=>Rh,frontMatter:()=>Th,metadata:()=>jh,toc:()=>Nh});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}]};function C(h){let{components:c,...l}=h;return(0,f.kt)("wrapper",(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"})))}C.isMDXComponent=!0;var R,P,I,A;e(7521);function F(){return F=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",F({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,R||(R=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"})),P||(P=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"})),I||(I=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"})),A||(A=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 B;function _(){return _=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",_({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,B||(B=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 X,U,G,$,J;function K(){return K=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",K({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,X||(X=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"})),U||(U=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"})),G||(G=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"})),$||($=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})),J||(J=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 Y;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: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,Y||(Y=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 eh,lh,vh,ah,th,nh,rh,oh,ih;function Zh(){return Zh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.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?u.createElement("title",{id:e},c):null,eh||(eh=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"})),lh||(lh=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"})),vh||(vh=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"})),ah||(ah=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"})),th||(th=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"})),nh||(nh=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"})),rh||(rh=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"})),oh||(oh=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"})),ih||(ih=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 mh;function dh(){return dh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",dh({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,mh||(mh=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 ph,uh,fh;function gh(){return gh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",gh({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,ph||(ph=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"})),uh||(uh=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"})),fh||(fh=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 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 u.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?u.createElement("title",{id:e},c):null,wh||(wh=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 yh,Vh,Eh;function zh(){return zh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",zh({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,yh||(yh=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"}))),Vh||(Vh=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"})),Eh||(Eh=u.createElement("defs",null,u.createElement("clipPath",{id:"a"},u.createElement("path",{fill:"#fff",transform:"translate(0 .06)",d:"M0 0h22.773v21.552H0z"})))))},Oh={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}]};function Lh(h){let{components:c,...l}=h;return(0,f.kt)("wrapper",(0,p.Z)({},Oh,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)(Hh,{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)(Hh,{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)(W,{mdxType:"BiseLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(9303).Z},(0,f.kt)(Hh,{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)(S,{mdxType:"BiseLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(2855).Z},(0,f.kt)(Hh,{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)(Q,{mdxType:"FiseLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(8511).Z},(0,f.kt)(Hh,{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)(ch,{mdxType:"FiseLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(3271).Z},(0,f.kt)(Hh,{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)(bh,{mdxType:"WiseFLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(7032).Z},(0,f.kt)(Hh,{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)(kh,{mdxType:"WiseFLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(6953).Z},(0,f.kt)(Hh,{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)(sh,{mdxType:"WiseMLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(5352).Z},(0,f.kt)(Hh,{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)(Mh,{mdxType:"WiseMLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(905).Z},(0,f.kt)(Hh,{mdxType:"Download"}))))))}Lh.isMDXComponent=!0;xh="AccordionJSDoc";var xh;const Th={title:"Logo",description:"",hide_table_of_contents:!0},Dh=void 0,jh={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"}},Nh=[],Ch={toc:Nh};function Rh(h){let{components:c,...e}=h;return(0,f.kt)("wrapper",(0,p.Z)({},Ch,e,{components:c,mdxType:"MDXLayout"}),(0,f.kt)(g.ZP,{usage:(0,f.kt)(C,{mdxType:"Usage"}),showcase:(0,f.kt)(Lh,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}Rh.isMDXComponent=!0},7521:(h,c,e)=>{e.d(c,{ZP:()=>r});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};function r(h){let{components:c,...e}=h;return(0,v.kt)("wrapper",(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"})))}r.isMDXComponent=!0},4037:(h,c,e)=>{e.d(c,{ZP:()=>u});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_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,{"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};function u(h){let{components:c,...e}=h;return(0,a.kt)("wrapper",(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)))}u.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 diff --git a/docs/assets/js/860b2a9d.cba9bde3.js b/docs/assets/js/860b2a9d.cba9bde3.js new file mode 100644 index 0000000000..06ff54bdda --- /dev/null +++ b/docs/assets/js/860b2a9d.cba9bde3.js @@ -0,0 +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 diff --git a/docs/assets/js/8effdd7e.09abd3bb.js b/docs/assets/js/8effdd7e.09abd3bb.js deleted file mode 100644 index 25996a30ec..0000000000 --- a/docs/assets/js/8effdd7e.09abd3bb.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>m,default:()=>h,frontMatter:()=>d,metadata:()=>v,toc:()=>f});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Dont's",id:"donts",children:[],level:3}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var u=n(7521);const i={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Reversed",id:"reversed",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.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)(u.ZP,{id:"components-quote--reversed",height:"700",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="TableJSDoc";var p;const d={title:"Quote",description:"",hide_table_of_contents:!0},m=void 0,v={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"}},f=[],b={toc:f};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.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};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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 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_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,{"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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/8effdd7e.78438c01.js b/docs/assets/js/8effdd7e.78438c01.js new file mode 100644 index 0000000000..5b61f3bb98 --- /dev/null +++ b/docs/assets/js/8effdd7e.78438c01.js @@ -0,0 +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 diff --git a/docs/assets/js/8fd6869d.35b84876.js b/docs/assets/js/8fd6869d.35b84876.js deleted file mode 100644 index 915e260777..0000000000 --- a/docs/assets/js/8fd6869d.35b84876.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[554],{3905:(e,t,n)=>{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:()=>m,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};function m(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(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"},'{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"},'{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:()=>m,default:()=>f,frontMatter:()=>d,metadata:()=>h,toc:()=>g});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[]};function p(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-page-header--default",height:"500",mdxType:"Iframe"}," "),(0,r.kt)(i.ZP,{id:"components-page-header--default&args=image:false",height:"500",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;c="AccordionJSDoc";var c;const d={title:"Page Header",description:"",hide_table_of_contents:!0},m=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"}},g=[],b={toc:g};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>f});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_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,{"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};function f(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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)))}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 new file mode 100644 index 0000000000..acaa74d483 --- /dev/null +++ b/docs/assets/js/9a6dc4ea.f1d8d943.js @@ -0,0 +1 @@ +"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.b0273f83.js b/docs/assets/js/9b6f4efd.b0273f83.js new file mode 100644 index 0000000000..997769d1e3 --- /dev/null +++ b/docs/assets/js/9b6f4efd.b0273f83.js @@ -0,0 +1 @@ +"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/9b6f4efd.d3434289.js b/docs/assets/js/9b6f4efd.d3434289.js deleted file mode 100644 index 61c132ba7a..0000000000 --- a/docs/assets/js/9b6f4efd.d3434289.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:()=>d,default:()=>h,frontMatter:()=>p,metadata:()=>m,toc:()=>v});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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."))}s.isMDXComponent=!0;var l=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(l.ZP,{id:"components-divider--default&args=color:secondary",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Divider",description:"",hide_table_of_contents:!0},d=void 0,m={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"}},v=[],f={toc:v};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>l});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};function l(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}l.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});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_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,{"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};function y(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9c235974.37d0ed39.js b/docs/assets/js/9c235974.37d0ed39.js new file mode 100644 index 0000000000..a9c670c537 --- /dev/null +++ b/docs/assets/js/9c235974.37d0ed39.js @@ -0,0 +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 diff --git a/docs/assets/js/9c235974.ea2bb526.js b/docs/assets/js/9c235974.ea2bb526.js deleted file mode 100644 index 6d8fbfc86f..0000000000 --- a/docs/assets/js/9c235974.ea2bb526.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>d,default:()=>v,frontMatter:()=>p,metadata:()=>m,toc:()=>h});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var u=n(7521);const i={toc:[]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(u.ZP,{id:"components-callout--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const p={title:"Callout",description:"",hide_table_of_contents:!0},d=void 0,m={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"}},h=[],f={toc:h};function v(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.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};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>b});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_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,{"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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a186f965.2764f1d1.js b/docs/assets/js/a186f965.e2c081c8.js similarity index 74% rename from docs/assets/js/a186f965.2764f1d1.js rename to docs/assets/js/a186f965.e2c081c8.js index 0a26e21335..6d192af3dd 100644 --- a/docs/assets/js/a186f965.2764f1d1.js +++ b/docs/assets/js/a186f965.e2c081c8.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",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,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),d=l(n),m=o,f=d["".concat(s,".").concat(m)]||d[m]||u[m]||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]=m;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:()=>p,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:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"}},s=[],l={toc:s};function p(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"),"."))))}p.isMDXComponent=!0}}]); \ No newline at end of file +"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",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,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),d=l(n),m=o,f=d["".concat(s,".").concat(m)]||d[m]||u[m]||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]=m;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:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"}},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 diff --git a/docs/assets/js/a5822498.7f593cf2.js b/docs/assets/js/a5822498.7f593cf2.js new file mode 100644 index 0000000000..b979d2b976 --- /dev/null +++ b/docs/assets/js/a5822498.7f593cf2.js @@ -0,0 +1 @@ +"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/a5822498.cacfb0d5.js b/docs/assets/js/a5822498.cacfb0d5.js deleted file mode 100644 index 8777fa6350..0000000000 --- a/docs/assets/js/a5822498.cacfb0d5.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:()=>m,default:()=>h,frontMatter:()=>d,metadata:()=>f,toc:()=>v});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}]};function l(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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")))}l.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(i.ZP,{id:"components-forms-text-area--default",height:"200",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="SelectJSDoc";var p;const d={title:"Text Area",description:"",hide_table_of_contents:!0},m=void 0,f={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};function h(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(l,{mdxType:"Usage"}),showcase:(0,o.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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"})))}i.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 u=n(3810),c=n(6010);const p="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,{"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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a8b15fb1.73af5b7e.js b/docs/assets/js/a8b15fb1.73af5b7e.js new file mode 100644 index 0000000000..73f34790e6 --- /dev/null +++ b/docs/assets/js/a8b15fb1.73af5b7e.js @@ -0,0 +1 @@ +"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.91ae2436.js b/docs/assets/js/a8b15fb1.91ae2436.js deleted file mode 100644 index 71f0f3ce28..0000000000 --- a/docs/assets/js/a8b15fb1.91ae2436.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:()=>d,default:()=>b,frontMatter:()=>m,metadata:()=>v,toc:()=>f});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}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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")))}l.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Image",id:"image",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"image"},"Image"),(0,a.kt)(i.ZP,{id:"components-media-container-image--default",height:"500",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="AccordionJSDoc";var p;const m={title:"Image",description:"",hide_table_of_contents:!0},d=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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"})))}i.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 p="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,{"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};function b(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/aa38dcb9.104ea9bb.js b/docs/assets/js/aa38dcb9.a4f5c736.js similarity index 81% rename from docs/assets/js/aa38dcb9.104ea9bb.js rename to docs/assets/js/aa38dcb9.a4f5c736.js index e60a5b37e5..802ef59592 100644 --- a/docs/assets/js/aa38dcb9.104ea9bb.js +++ b/docs/assets/js/aa38dcb9.a4f5c736.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:()=>c,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};function c(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(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"),"."))}c.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/aed7c9bd.1768a833.js b/docs/assets/js/aed7c9bd.1768a833.js deleted file mode 100644 index 77a32f2761..0000000000 --- a/docs/assets/js/aed7c9bd.1768a833.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9456],{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",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,f=p["".concat(i,".").concat(m)]||p[m]||d[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[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>m,default:()=>h,frontMatter:()=>d,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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Pagination component is the control to navigate through multiple pages."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"place the pagination below the list of items")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},'don\'t replace this component with an "infinite scrolling" feature')),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"to show long lists otherwise redundant scrolling in one 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"},"don't use to break unrelated content on different pages")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-pagination--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="MenuJSDoc";var p;const d={title:"Pagination",description:"",hide_table_of_contents:!0},m=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};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>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_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}})),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,r.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 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:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:P,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,l.Z)();return r.createElement(d,(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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/aed7c9bd.3112a237.js b/docs/assets/js/aed7c9bd.3112a237.js new file mode 100644 index 0000000000..9f640f83e2 --- /dev/null +++ b/docs/assets/js/aed7c9bd.3112a237.js @@ -0,0 +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 diff --git a/docs/assets/js/b0f56568.01af3d6a.js b/docs/assets/js/b0f56568.01af3d6a.js new file mode 100644 index 0000000000..91bb548d2c --- /dev/null +++ b/docs/assets/js/b0f56568.01af3d6a.js @@ -0,0 +1 @@ +"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.1bf7af6c.js b/docs/assets/js/b0f56568.1bf7af6c.js deleted file mode 100644 index 8b2ddec05d..0000000000 --- a/docs/assets/js/b0f56568.1bf7af6c.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:()=>m,default:()=>b,frontMatter:()=>p,metadata:()=>h,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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Invalid",id:"invalid",children:[],level:2},{value:"Binary",id:"binary",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(i.ZP,{id:"components-forms-radio--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"invalid"},"Invalid"),(0,r.kt)(i.ZP,{id:"components-forms-radio--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"binary"},"Binary"),(0,r.kt)(i.ZP,{id:"components-forms-radio--binary",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="SelectJSDoc";var d;const p={title:"Radio",description:"",hide_table_of_contents:!0},m=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};function b(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>b});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_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,{"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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}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 new file mode 100644 index 0000000000..38cc1abda1 --- /dev/null +++ b/docs/assets/js/b3c62368.9ae02f15.js @@ -0,0 +1 @@ +"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/b3c62368.cdff0755.js b/docs/assets/js/b3c62368.cdff0755.js deleted file mode 100644 index a6cfacae5c..0000000000 --- a/docs/assets/js/b3c62368.cdff0755.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:()=>m,default:()=>h,frontMatter:()=>p,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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-modal--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="MenuJSDoc";var d;const p={title:"Modal",description:"",hide_table_of_contents:!0},m=void 0,f={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};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>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 d="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,{"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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/bdd5fc8f.25d9da0a.js b/docs/assets/js/bdd5fc8f.25d9da0a.js new file mode 100644 index 0000000000..f4e928b5c1 --- /dev/null +++ b/docs/assets/js/bdd5fc8f.25d9da0a.js @@ -0,0 +1 @@ +"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.ed3c5dfa.js b/docs/assets/js/bdd5fc8f.ed3c5dfa.js deleted file mode 100644 index 86daf9a9cd..0000000000 --- a/docs/assets/js/bdd5fc8f.ed3c5dfa.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:()=>p,default:()=>v,frontMatter:()=>d,metadata:()=>m,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},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)")))}s.isMDXComponent=!0;var i=n(7521);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}]};function c(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(i.ZP,{id:"components-label--default",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"basic"},"Basic"),(0,a.kt)(i.ZP,{id:"components-label--basic",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"ribbon"},"Ribbon"),(0,a.kt)(i.ZP,{id:"components-label--ribbon",height:"320",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"corner"},"Corner"),(0,a.kt)(i.ZP,{id:"components-label--corner",height:"300",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;const d={title:"Label",description:"",hide_table_of_contents:!0},p=void 0,m={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"}},b=[],h={toc:b};function v(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(s,{mdxType:"Usage"}),showcase:(0,a.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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:()=>f});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_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,{"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};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c3faf33a.aa89e306.js b/docs/assets/js/c3faf33a.aa89e306.js new file mode 100644 index 0000000000..6e31f60231 --- /dev/null +++ b/docs/assets/js/c3faf33a.aa89e306.js @@ -0,0 +1 @@ +"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/c3faf33a.eb6608e3.js b/docs/assets/js/c3faf33a.eb6608e3.js deleted file mode 100644 index cde3a0c2d1..0000000000 --- a/docs/assets/js/c3faf33a.eb6608e3.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:()=>d,default:()=>y,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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(i.ZP,{id:"components-quote-testimonial--inline",height:"400",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;p="TableJSDoc";var p;const m={title:"Testimonial",description:"",hide_table_of_contents:!0},d=void 0,f={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"}},v=[],b={toc:v};function y(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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 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_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,{"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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c4f5d8e4.8c53b9db.js b/docs/assets/js/c4f5d8e4.684c270e.js similarity index 88% rename from docs/assets/js/c4f5d8e4.8c53b9db.js rename to docs/assets/js/c4f5d8e4.684c270e.js index 6421a07393..216700f8a3 100644 --- a/docs/assets/js/c4f5d8e4.8c53b9db.js +++ b/docs/assets/js/c4f5d8e4.684c270e.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,H,u,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"})),H||(H=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"})),u||(u=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,H,u,z,O,V,L,j,N,k,A,q,P,S,_,B,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"})),H||(H=I.createElement("path",{d:"M657.365 421.255H439.551V182.529h217.814Z",fill:"#fff"})),u||(u=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"})),P||(P=I.createElement("circle",{cx:145.066,cy:90.467,r:5.175,fill:"#3f3d56"})),S||(S=I.createElement("circle",{cx:190.781,cy:124.107,r:5.175,fill:"#3f3d56"})),_||(_=I.createElement("circle",{cx:236.497,cy:74.078,r:5.175,fill:"#3f3d56"})),B||(B=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,H,u,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"})),H||(H=O.createElement("circle",{cx:116.114,cy:88.286,r:6,fill:"#3f3d56"})),u||(u=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:()=>B});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,H,u,z,O,V,L,j,N,k,A,q,P,S=t(7294);function _(){return _=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...B}=e;return S.createElement("svg",_({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},B),a?S.createElement("title",{id:t},a):null,l||(l=S.createElement("path",{d:"M670.666 550.26 402.32 427.757l138.175-302.67L808.84 247.59Z",fill:"#f2f2f2"})),c||(c=S.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=S.createElement("path",{d:"m124.691 247.59 268.345-122.504 138.175 302.67-268.345 122.505Z",fill:"#f2f2f2"})),i||(i=S.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=S.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=S.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=S.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=S.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=S.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=S.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=S.createElement("path",{d:"M666.417 552.805H265.161V100.222h401.256Zm-399.098-2.157H664.26V102.38H267.319Z",fill:"#cacaca"})),p||(p=S.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=S.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=S.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=S.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=S.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=S.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=S.createElement("path",{fill:"#ffb6b6",d:"M203.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),x||(x=S.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=S.createElement("path",{fill:"#ffb6b6",d:"M134.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),w||(w=S.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"})),H||(H=S.createElement("circle",{cx:182.181,cy:277.565,r:20,fill:"#ffb8b8"})),u||(u=S.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=S.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=S.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=S.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=S.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=S.createElement("circle",{cx:199.967,cy:9.221,r:9.221,fill:"#3f3d56"})),N||(N=S.createElement("circle",{cx:231.821,cy:9.221,r:9.221,fill:"#3f3d56"})),k||(k=S.createElement("circle",{cx:263.675,cy:9.221,r:9.221,fill:"#3f3d56"})),A||(A=S.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=S.createElement("path",{d:"M382 681.222H1a1 1 0 1 1 0-2h381a1 1 0 0 1 0 2Z",fill:"#cacaca"})),P||(P=S.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,H,u,z,O,V,L,j,N,k,A,q,P,S,_,B,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"})),H||(H=ie.createElement("rect",{x:488.49,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),u||(u=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"})),P||(P=ie.createElement("rect",{x:449.114,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),S||(S=ie.createElement("rect",{x:456.97,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),_||(_=ie.createElement("rect",{x:464.827,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),B||(B=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,H,u,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"})),H||(H=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"})),u||(u=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:()=>v});var l=t(7294),c=t(6010),r=t(4161),i=t(9960),h=t(2263);const n="heroBanner_etFc",f="buttons_+YzY";var m=t(7462);const d="features_n4mZ",E="featureSvg_d3xR",Z=[{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 p(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:E,alt:t}))),l.createElement("div",{className:"text--center padding-horiz--md"},l.createElement("h3",null,t),l.createElement("p",null,r)))}function s(){return l.createElement("section",{className:d},l.createElement("div",{className:"container"},l.createElement("h2",{className:"text--center"},"I am a..."),l.createElement("div",{className:"row"},Z.map(((e,a)=>l.createElement(p,(0,m.Z)({key:a},e)))))))}function M(){const{siteConfig:e}=(0,h.Z)();return l.createElement("header",{className:(0,c.Z)("hero hero--primary",n)},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:f},l.createElement(i.Z,{className:"button button--secondary button--md",to:"/docs/intro"},"Get started"))))}function v(){const{siteConfig:e}=(0,h.Z)();return l.createElement(r.Z,{title:`Welcome to ${e.title} Homepage`,description:"${siteConfig.tagline}"},l.createElement(M,null),l.createElement("main",null,l.createElement(s,null)))}}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/c74413f4.88e2ed16.js b/docs/assets/js/c74413f4.88e2ed16.js new file mode 100644 index 0000000000..d36b4e3db4 --- /dev/null +++ b/docs/assets/js/c74413f4.88e2ed16.js @@ -0,0 +1 @@ +"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/c74413f4.a9659507.js b/docs/assets/js/c74413f4.a9659507.js deleted file mode 100644 index 4f47a6cb32..0000000000 --- a/docs/assets/js/c74413f4.a9659507.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 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 s(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({}),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,a=e.mdxType,o=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=a,h=p["".concat(i,".").concat(m)]||p[m]||d[m]||o;return n?r.createElement(h,s(s({ref:t},u),{},{components:n})):r.createElement(h,s({ref:t},u))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){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:a,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>c,default:()=>b,frontMatter:()=>i,metadata:()=>u,toc:()=>p});var r=n(7462),a=(n(7294),n(3905)),o=n(4037);const s={toc:[{value:"Do's",id:"dos",children:[],level:3}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.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,a.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,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.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,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.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,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.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,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.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,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.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"))))}l.isMDXComponent=!0;const i={title:"Searchbox",description:"",hide_table_of_contents:!0},c=void 0,u={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"}},p=[],d=(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 h={toc:p};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(o.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>v});var r=n(7462),a=n(7294),o=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_vU9c";function d(e){const{lazy:t,block:n,defaultValue:r,values:o,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=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===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:f,setTabGroupChoices:v}=i(),[y,g]=(0,a.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),r=m[n].value;r!==y&&(k(t),g(r),null!=s&&v(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 a.createElement("div",{className:"tabs-container"},a.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 a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,u.Z)("tabs__item",p,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:x,onClick:x},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,s.Z)();return a.createElement(d,(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 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};function v(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.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)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c7d85666.3b2a23c4.js b/docs/assets/js/c7d85666.3b2a23c4.js new file mode 100644 index 0000000000..5f3c3613fa --- /dev/null +++ b/docs/assets/js/c7d85666.3b2a23c4.js @@ -0,0 +1 @@ +"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.de622866.js b/docs/assets/js/c7d85666.de622866.js deleted file mode 100644 index ac8aef9cb7..0000000000 --- a/docs/assets/js/c7d85666.de622866.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:()=>d,default:()=>y,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const s={toc:[]};function l(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"No specific UX guidelines"))}l.isMDXComponent=!0;var i=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{height:"600",id:"components-comment--default",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="AccordionJSDoc";var p;const m={title:"Comment",description:"",hide_table_of_contents:!0},d=void 0,f={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"}},b=[],v={toc:b};function y(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});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_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,{"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};function y(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/ca221c65.959a5f61.js b/docs/assets/js/ca221c65.959a5f61.js new file mode 100644 index 0000000000..e8b4391ff6 --- /dev/null +++ b/docs/assets/js/ca221c65.959a5f61.js @@ -0,0 +1 @@ +"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:"Colors",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/ca221c65.ae6b3d7f.js b/docs/assets/js/ca221c65.ae6b3d7f.js deleted file mode 100644 index 00bb473f04..0000000000 --- a/docs/assets/js/ca221c65.ae6b3d7f.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:()=>c,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:"Colors",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};function c(e){let{components:t,...a}=e;return(0,i.kt)("wrapper",(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")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d61699b0.00878863.js b/docs/assets/js/d61699b0.00878863.js new file mode 100644 index 0000000000..30460ad1ac --- /dev/null +++ b/docs/assets/js/d61699b0.00878863.js @@ -0,0 +1 @@ +"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:"Colors",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(7342).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},7342:(t,e,l)=>{l.d(e,{Z:()=>n});const n=l.p+"assets/images/height150-730559326adac31b9a2e584659d43e66.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/d61699b0.43463505.js b/docs/assets/js/d61699b0.43463505.js deleted file mode 100644 index 74149ddf79..0000000000 --- a/docs/assets/js/d61699b0.43463505.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:()=>p,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:"Colors",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};function p(t){let{components:e,...r}=t;return(0,a.kt)("wrapper",(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(7342).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)")))))}p.isMDXComponent=!0},7342:(t,e,l)=>{l.d(e,{Z:()=>n});const n=l.p+"assets/images/height150-730559326adac31b9a2e584659d43e66.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/d6e43592.59a885dd.js b/docs/assets/js/d6e43592.59a885dd.js deleted file mode 100644 index 857d361dbe..0000000000 --- a/docs/assets/js/d6e43592.59a885dd.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:()=>m,default:()=>b,frontMatter:()=>p,metadata:()=>h,toc:()=>f});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}]};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}s.isMDXComponent=!0;var i=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(i.ZP,{id:"components-forms-dropdown--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="SelectJSDoc";var d;const p={title:"Dropdown",description:"",hide_table_of_contents:!0},m=void 0,h={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"}},f=[],v={toc:f};function b(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.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};function i(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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:()=>b});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_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,{"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};function b(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d6e43592.c521528a.js b/docs/assets/js/d6e43592.c521528a.js new file mode 100644 index 0000000000..9583ef4954 --- /dev/null +++ b/docs/assets/js/d6e43592.c521528a.js @@ -0,0 +1 @@ +"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.451ca2c2.js new file mode 100644 index 0000000000..0e54cbb377 --- /dev/null +++ b/docs/assets/js/d727d0d1.451ca2c2.js @@ -0,0 +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 diff --git a/docs/assets/js/d727d0d1.da0fbfd2.js b/docs/assets/js/d727d0d1.da0fbfd2.js deleted file mode 100644 index 8aac5413b3..0000000000 --- a/docs/assets/js/d727d0d1.da0fbfd2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7098],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,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 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,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;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,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:()=>m,default:()=>h,frontMatter:()=>d,metadata:()=>f,toc:()=>b});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const s={toc:[{value:"How to Use",id:"how-to-use",children:[],level:3}]};function l(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Effective headings are recognizable immediately, and help readers understand the flow of content on the page."),(0,a.kt)("h3",{id:"how-to-use"},"How to Use"),(0,a.kt)("ul",null,(0,a.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,a.kt)("li",{parentName:"ul"},"size matters: Headings should be big"),(0,a.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,a.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,a.kt)("li",{parentName:"ul"},"not all headings should be bold")))}l.isMDXComponent=!0;var i=n(7521);const c={toc:[]};function u(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i.ZP,{id:"components-heading--default",height:"1200",mdxType:"Iframe"}," "))}u.isMDXComponent=!0;p="AccordionJSDoc";var p;const d={title:"Headings",description:"",hide_table_of_contents:!0},m=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};function h(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(l,{mdxType:"Usage"}),showcase:(0,a.kt)(u,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});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};function i(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});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_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}})),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===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:v,setTabGroupChoices:h}=i(),[g,y]=(0,a.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),o=m[n].value;o!==g&&(k(t),y(o),null!=s&&h(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,u.Z)("tabs",{"tabs--block":n},l)},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,u.Z)("tabs__item",p,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,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,s.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 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};function h(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.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)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/e9a55e4f.d4238a3a.js b/docs/assets/js/e9a55e4f.3980a0d4.js similarity index 65% rename from docs/assets/js/e9a55e4f.d4238a3a.js rename to docs/assets/js/e9a55e4f.3980a0d4.js index b676961b97..704abcffcc 100644 --- a/docs/assets/js/e9a55e4f.d4238a3a.js +++ b/docs/assets/js/e9a55e4f.3980a0d4.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:()=>u,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};function u(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(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")))}u.isMDXComponent=!0}}]); \ No newline at end of file +"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 diff --git a/docs/assets/js/f4f5dc73.2a653be0.js b/docs/assets/js/f4f5dc73.2a653be0.js new file mode 100644 index 0000000000..625b3145d1 --- /dev/null +++ b/docs/assets/js/f4f5dc73.2a653be0.js @@ -0,0 +1 @@ +"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.cc1d5192.js b/docs/assets/js/f4f5dc73.cc1d5192.js deleted file mode 100644 index 897aa371bd..0000000000 --- a/docs/assets/js/f4f5dc73.cc1d5192.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:()=>m,default:()=>f,frontMatter:()=>p,metadata:()=>b,toc:()=>h});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}]};function s(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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")))}s.isMDXComponent=!0;var u=n(7521);const i={toc:[{value:"Default",id:"default",children:[],level:2}]};function c(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(u.ZP,{id:"components-breadcrumb--default",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;d="BreadcrumbJSDoc";var d;const p={title:"Breadcrumb",description:"",hide_table_of_contents:!0},m=void 0,b={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"}},h=[],v={toc:h};function f(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(0,r.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(s,{mdxType:"Usage"}),showcase:(0,o.kt)(c,{mdxType:"Showcase"}),mdxType:"Tabs"}))}f.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};function u(e){let{components:t,...n}=e;return(0,o.kt)("wrapper",(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:()=>f});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_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,{"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};function f(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/f601d3af.4a574066.js b/docs/assets/js/f601d3af.4a574066.js new file mode 100644 index 0000000000..a2801a6776 --- /dev/null +++ b/docs/assets/js/f601d3af.4a574066.js @@ -0,0 +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 diff --git a/docs/assets/js/f601d3af.ad917d27.js b/docs/assets/js/f601d3af.ad917d27.js deleted file mode 100644 index d81798f36c..0000000000 --- a/docs/assets/js/f601d3af.ad917d27.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>p,default:()=>f,frontMatter:()=>c,metadata:()=>h,toc:()=>m});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}]};function l(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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")))}l.isMDXComponent=!0;var s=n(7521);const u={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}]};function d(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default-list"},"Default List"),(0,r.kt)(s.ZP,{id:"components-list--default",height:"180",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"description-list"},"Description List"),(0,r.kt)(s.ZP,{id:"components-list-description-list--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"ordered-list"},"Ordered List"),(0,r.kt)(s.ZP,{id:"components-list-ordered-list--default&args=",height:"590",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"unordered-list"},"Unordered List"),(0,r.kt)(s.ZP,{id:"components-list-unordered-list--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const c={title:"List",description:"",hide_table_of_contents:!0},p=void 0,h={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"}},m=[],v={toc:m};function f(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>s});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};function s(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(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"})))}s.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_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:k}=s(),[b,y]=(0,r.useState)(v),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=i){const e=f[i];null!=e&&e!==b&&h.some((t=>t.value===e))&&y(e)}const x=e=>{const t=e.currentTarget,n=g.indexOf(t),o=h[n].value;o!==b&&(w(t),y(o),null!=i&&k(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:b===t?0:-1,"aria-selected":b===t,className:(0,d.Z)("tabs__item",c,{"tabs__item--active":b===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===b))[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!==b})))))}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};function k(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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 diff --git a/docs/assets/js/f9ee06b1.ba0d73fd.js b/docs/assets/js/f9ee06b1.ba0d73fd.js new file mode 100644 index 0000000000..c132050426 --- /dev/null +++ b/docs/assets/js/f9ee06b1.ba0d73fd.js @@ -0,0 +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"},"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 diff --git a/docs/assets/js/f9ee06b1.ea1abfb0.js b/docs/assets/js/f9ee06b1.ea1abfb0.js deleted file mode 100644 index d0d64097f3..0000000000 --- a/docs/assets/js/f9ee06b1.ea1abfb0.js +++ /dev/null @@ -1 +0,0 @@ -"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:()=>p,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};function p(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(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"},"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:""}))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/main.ca2993dd.js b/docs/assets/js/main.ca2993dd.js deleted file mode 100644 index 4f168beea3..0000000000 --- a/docs/assets/js/main.ca2993dd.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.ca2993dd.js.LICENSE.txt */ -(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[179],{9782:(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/volto-kitkat-frontend/"},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/volto-kitkat-frontend/"}]}],copyright:"Copyright \xa9 2023 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}},2067:(e,t,n)=>{"use strict";var r=n(7294),o=n(3935),a=n(3727),i=n(8356),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 u=JSON.parse('{"/volto-eea-design-system/blog/archive/-cf3":{"component":"9e4087bc","archive":"6d890e16"},"/volto-eea-design-system/docs/-60e":{"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/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/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"}}'),c={"046f8cb9":[()=>n.e(6061).then(n.t.bind(n,9416,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",9416],"06df40a2":[()=>n.e(2853).then(n.bind(n,3082)),"@site/docs/pubguide/1-design.md",3082],"072ed0e5":[()=>Promise.all([n.e(532),n.e(9003)]).then(n.bind(n,7094)),"@site/docs/webdev/5-Components/26-Content.mdx",7094],"0a8b14be":[()=>n.e(8635).then(n.t.bind(n,8594,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",8594],"0b225811":[()=>Promise.all([n.e(532),n.e(8362)]).then(n.bind(n,5089)),"@site/docs/webdev/5-Components/7-Forms/0-Checkbox.mdx",5089],"0bef62f9":[()=>Promise.all([n.e(532),n.e(2163)]).then(n.bind(n,5732)),"@site/docs/webdev/5-Components/25-Table.mdx",5732],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,8507)),"@theme/DocCategoryGeneratedIndexPage",8507],17896441:[()=>Promise.all([n.e(532),n.e(7918)]).then(n.bind(n,2190)),"@theme/DocItem",2190],"1a10606c":[()=>Promise.all([n.e(532),n.e(4521)]).then(n.bind(n,6157)),"@site/docs/webdev/4-Templates/3-SiteFooter.mdx",6157],"1be78505":[()=>Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,3042)),"@theme/DocPage",3042],"1c178b4f":[()=>Promise.all([n.e(532),n.e(6304)]).then(n.bind(n,5326)),"@site/docs/webdev/5-Components/20-Popup.mdx",5326],"1e6d2369":[()=>n.e(918).then(n.t.bind(n,7352,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",7352],"1f485700":[()=>Promise.all([n.e(532),n.e(3305)]).then(n.bind(n,4959)),"@site/docs/webdev/5-Components/10-Item.mdx",4959],"224603d4":[()=>Promise.all([n.e(532),n.e(9744)]).then(n.bind(n,2833)),"@site/docs/webdev/5-Components/28-Timeline.mdx",2833],"23d147e2":[()=>Promise.all([n.e(532),n.e(6570)]).then(n.bind(n,3109)),"@site/docs/webdev/5-Components/23-Statistic.mdx",3109],24202412:[()=>Promise.all([n.e(532),n.e(5435)]).then(n.bind(n,89)),"@site/docs/webdev/5-Components/3-Buttons.mdx",89],"2d344845":[()=>Promise.all([n.e(532),n.e(3018)]).then(n.bind(n,3760)),"@site/docs/webdev/5-Components/24-Search/1-Suggestions.mdx",3760],"2d39cd59":[()=>Promise.all([n.e(532),n.e(8027)]).then(n.bind(n,4022)),"@site/docs/webdev/5-Components/7-Forms/2-TextInput.mdx",4022],"30e35848":[()=>Promise.all([n.e(532),n.e(1129)]).then(n.bind(n,9645)),"@site/docs/webdev/5-Components/11-Labeled-icons.mdx",9645],"323ff172":[()=>n.e(432).then(n.t.bind(n,575,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",575],"3508f21e":[()=>Promise.all([n.e(532),n.e(1500)]).then(n.bind(n,1992)),"@site/docs/webdev/4-Templates/1-Grid.mdx",1992],"398224d0":[()=>n.e(2873).then(n.bind(n,9670)),"@site/docs/webdev/3-Guidelines/2-colours.mdx",9670],"39f50359":[()=>n.e(3661).then(n.bind(n,9762)),"@site/docs/dataguide/0-intro.md",9762],"3aee128f":[()=>Promise.all([n.e(532),n.e(7578)]).then(n.bind(n,1109)),"@site/docs/webdev/5-Components/0-Accordion.mdx",1109],"3fc91083":[()=>Promise.all([n.e(532),n.e(123)]).then(n.bind(n,5977)),"@site/docs/webdev/5-Components/25-Visuals/1-Charts.mdx",5977],"41d5c757":[()=>n.e(6245).then(n.bind(n,247)),"@site/docs/2-whatsnew.md",247],"42e0342b":[()=>Promise.all([n.e(532),n.e(2463)]).then(n.bind(n,699)),"@site/docs/webdev/4-Templates/2-SiteHeader.mdx",699],"4442ee2e":[()=>n.e(952).then(n.bind(n,8901)),"@site/docs/webdev/3-Guidelines/4-iconography.mdx",8901],"54e4468f":[()=>Promise.all([n.e(532),n.e(5386)]).then(n.bind(n,5354)),"@site/docs/webdev/5-Components/25-Visuals/2-Maps.mdx",5354],"56bbe726":[()=>Promise.all([n.e(532),n.e(698)]).then(n.bind(n,4555)),"@site/docs/webdev/5-Components/21-Progress.mdx",4555],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,9782)),"@generated/docusaurus.config",9782],"627750f7":[()=>n.e(8518).then(n.bind(n,6112)),"@site/docs/webdev/7-Utilities/intro.md",6112],63791757:[()=>n.e(2582).then(n.bind(n,8338)),"@site/docs/webdev/3-Guidelines/0-intro.md",8338],"671d942a":[()=>Promise.all([n.e(532),n.e(7426)]).then(n.bind(n,1638)),"@site/docs/webdev/5-Components/17-Messages.mdx",1638],"686ae6d4":[()=>Promise.all([n.e(532),n.e(2305)]).then(n.bind(n,5466)),"@site/docs/webdev/5-Components/22-Segment.mdx",5466],"6c6ad4cd":[()=>Promise.all([n.e(532),n.e(1704)]).then(n.bind(n,1993)),"@site/docs/webdev/5-Components/9-Inpage-Navigation.mdx",1993],"6d890e16":[()=>n.e(9173).then(n.t.bind(n,1211,19)),"~blog/default/volto-eea-design-system-blog-archive-eb7.json",1211],"6dda7ddb":[()=>n.e(9213).then(n.t.bind(n,2856,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",2856],75066279:[()=>n.e(9053).then(n.t.bind(n,2070,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",2070],"76fe1567":[()=>Promise.all([n.e(532),n.e(5294)]).then(n.bind(n,6387)),"@site/docs/webdev/5-Components/25-Visuals/0-Dashboard.mdx",6387],"77dd8181":[()=>Promise.all([n.e(532),n.e(3822)]).then(n.bind(n,8047)),"@site/docs/webdev/5-Components/4-Cards.mdx",8047],"7810a5ba":[()=>Promise.all([n.e(532),n.e(9110)]).then(n.bind(n,4120)),"@site/docs/webdev/5-Components/24-Search/0-Filters.mdx",4120],"792760cc":[()=>n.e(3412).then(n.bind(n,5174)),"@site/docs/webdev/3-Guidelines/5-spacing.md",5174],"797402ac":[()=>Promise.all([n.e(532),n.e(9221)]).then(n.bind(n,164)),"@site/docs/webdev/5-Components/24-Tab.mdx",164],"7ca1ae16":[()=>Promise.all([n.e(532),n.e(1356)]).then(n.bind(n,1425)),"@site/docs/webdev/5-Components/6-Confirm.mdx",1425],"7e4403b7":[()=>n.e(5886).then(n.t.bind(n,264,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",264],"8050142d":[()=>Promise.all([n.e(532),n.e(4009)]).then(n.bind(n,6665)),"@site/docs/webdev/5-Components/27-Tags.mdx",6665],"85201c01":[()=>Promise.all([n.e(532),n.e(8150)]).then(n.bind(n,3306)),"@site/docs/webdev/5-Components/16-Loader.mdx",3306],"860b2a9d":[()=>Promise.all([n.e(532),n.e(3436)]).then(n.bind(n,8381)),"@site/docs/webdev/5-Components/14-Logo.mdx",8381],86298114:[()=>n.e(2543).then(n.t.bind(n,429,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",429],"8effdd7e":[()=>Promise.all([n.e(532),n.e(6671)]).then(n.bind(n,2929)),"@site/docs/webdev/5-Components/21-Quote/1-Quote.mdx",2929],"8fd6869d":[()=>n.e(554).then(n.bind(n,7479)),"@site/docs/webdev/8-Resources/theming-guidelines.md",7479],"935f2afb":[()=>n.e(53).then(n.t.bind(n,4612,19)),"~docs/default/version-current-metadata-prop-751.json",4612],"9a6dc4ea":[()=>Promise.all([n.e(532),n.e(2282)]).then(n.bind(n,4489)),"@site/docs/webdev/4-Templates/4-PageHeader.mdx",4489],"9b6f4efd":[()=>Promise.all([n.e(532),n.e(2678)]).then(n.bind(n,6368)),"@site/docs/webdev/5-Components/7-Divider.mdx",6368],"9c235974":[()=>Promise.all([n.e(532),n.e(1327)]).then(n.bind(n,9356)),"@site/docs/webdev/5-Components/3-Callout.mdx",9356],"9e4087bc":[()=>n.e(3608).then(n.bind(n,3012)),"@theme/BlogArchivePage",3012],a186f965:[()=>n.e(5437).then(n.bind(n,84)),"@site/docs/webcontent/0-intro.md",84],a5822498:[()=>Promise.all([n.e(532),n.e(2453)]).then(n.bind(n,5183)),"@site/docs/webdev/5-Components/7-Forms/4-TextArea.mdx",5183],a64f9232:[()=>n.e(296).then(n.t.bind(n,1589,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",1589],a8b15fb1:[()=>Promise.all([n.e(532),n.e(3902)]).then(n.bind(n,1623)),"@site/docs/webdev/5-Components/15-Image.mdx",1623],aa38dcb9:[()=>n.e(3934).then(n.bind(n,9988)),"@site/docs/pubguide/0-writing.md",9988],aed7c9bd:[()=>Promise.all([n.e(532),n.e(9456)]).then(n.bind(n,7888)),"@site/docs/webdev/5-Components/19-Pagination.mdx",7888],b0f56568:[()=>Promise.all([n.e(532),n.e(7492)]).then(n.bind(n,8088)),"@site/docs/webdev/5-Components/7-Forms/3-Radio.mdx",8088],b3c62368:[()=>Promise.all([n.e(532),n.e(9184)]).then(n.bind(n,7945)),"@site/docs/webdev/5-Components/18-Modal.mdx",7945],b78356b1:[()=>n.e(3293).then(n.t.bind(n,9221,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",9221],bdd5fc8f:[()=>Promise.all([n.e(532),n.e(2672)]).then(n.bind(n,5802)),"@site/docs/webdev/5-Components/12-Labels.mdx",5802],c3faf33a:[()=>Promise.all([n.e(532),n.e(6196)]).then(n.bind(n,9601)),"@site/docs/webdev/5-Components/21-Quote/2-Testimonial.mdx",9601],c4f5d8e4:[()=>Promise.all([n.e(532),n.e(4195)]).then(n.bind(n,9335)),"@site/src/pages/index.js",9335],c74413f4:[()=>Promise.all([n.e(532),n.e(585)]).then(n.bind(n,1591)),"@site/docs/webdev/5-Components/24-Search/2-Searchbox.mdx",1591],c7d85666:[()=>Promise.all([n.e(532),n.e(6966)]).then(n.bind(n,7330)),"@site/docs/webdev/5-Components/5-Comment.mdx",7330],ca221c65:[()=>n.e(596).then(n.bind(n,4951)),"@site/docs/webdev/3-Guidelines/3-images.md",4951],d61699b0:[()=>n.e(2359).then(n.bind(n,6529)),"@site/docs/webdev/3-Guidelines/1-typography.mdx",6529],d6e43592:[()=>Promise.all([n.e(532),n.e(9340)]).then(n.bind(n,5506)),"@site/docs/webdev/5-Components/7-Forms/1-Dropdown.mdx",5506],d727d0d1:[()=>Promise.all([n.e(532),n.e(7098)]).then(n.bind(n,1411)),"@site/docs/webdev/5-Components/8-Headings.mdx",1411],d9dbb717:[()=>n.e(2438).then(n.t.bind(n,9802,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",9802],e9a55e4f:[()=>n.e(2263).then(n.bind(n,4877)),"@site/docs/0-intro.md",4877],f4f5dc73:[()=>Promise.all([n.e(532),n.e(2099)]).then(n.bind(n,1937)),"@site/docs/webdev/5-Components/2-Breadcrumb.mdx",1937],f601d3af:[()=>Promise.all([n.e(532),n.e(4419)]).then(n.bind(n,7677)),"@site/docs/webdev/5-Components/13-Lists.mdx",7677],f8c0402f:[()=>n.e(6515).then(n.t.bind(n,1303,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",1303],f9ee06b1:[()=>n.e(3166).then(n.bind(n,5558)),"@site/docs/webdev/8-Resources/developer-guidelines.md",5558],fe8a233d:[()=>n.e(3808).then(n.t.bind(n,9013,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",9013]};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(4608).then(n.bind(n,4608))});const o=u[`${e}-${t}`],a=[],i=[],p={},f=d(o);return Object.keys(f).forEach((e=>{const t=c[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/","60e"),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/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/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(412),g=n(6291),h=n(9913),v=n(7041),b=n(6550),y=n(4865),w=n.n(y);const k=[n(2497),n(2448),n(6743),n(2295)];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 T={};const _=function(e){if(T[e.pathname])return{...e,pathname:T[e.pathname]};let t=e.pathname||"/";return t=t.trim().replace(/\/index\.html$/,""),""===t&&(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=_(e.location);return this.startProgressBar(o),this.previousLocation=_(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:_(this.props.location)}),w().start()}),e)}stopProgressBar(){this.clearProgressBarTimeout(),w().done()}render(){const{children:e,location:t}=this.props;return r.createElement(b.AW,{location:_(t),render:()=>e})}}const A=(0,b.EN)(P);var L=n(2859),R=n(2263);const O="docusaurus-base-url-issue-banner-container",N="docusaurus-base-url-issue-banner-suggestion-container",D="__DOCUSAURUS_INSERT_BASEURL_BANNER";function I(e){return`\nwindow['${D}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${D}'];\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[D]=!1}),[]),r.createElement(r.Fragment,null,!m.Z.canUseDOM&&r.createElement(L.Z,null,r.createElement("script",null,I(e))),r.createElement("div",{id:O}))}function M(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,R.Z)(),{pathname:n}=(0,b.TH)();return t&&n===e?r.createElement(F,null):null}const j=function(e){let{children:t}=e;return t};var B=n(780),U=n(4953);const z=function(){return r.createElement(B.Z,{fallback:U.Z},r.createElement(v.M,null,r.createElement(h.t,null,r.createElement(j,null,r.createElement(M,null),r.createElement(A,{routes:f,delay:1e3},(0,g.Z)(f))))))};const $=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)}))},G={};const q=function(e){return new Promise((t=>{G[e]?t():$(e).then((()=>{t(),G[e]=!0})).catch((()=>{}))}))},H={},Z={},V=()=>{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)},W={prefetch:e=>{if(!(e=>!V()&&!Z[e]&&!H[e])(e))return!1;H[e]=!0;return(0,C.f)(f,e).flatMap((e=>{return t=e.route.path,Object.entries(u).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)&&q(t)})),!0},preload:e=>!!(e=>!V()&&!Z[e])(e)&&(Z[e]=!0,x(f,e),!0)};if(m.Z.canUseDOM){window.docusaurus=W;const e=o.hydrate;x(f,window.location.pathname).then((()=>{e(r.createElement(a.VK,null,r.createElement(z,null)),document.getElementById("__docusaurus"))}))}},780:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7294),o=n(412),a=n(4953);class i extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.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.Z)({error:n,tryAgain:()=>this.setState({error:null})})}return t}}const s=i},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>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}},2859:(e,t,n)=>{"use strict";n.d(t,{Z:()=>he});var r,o,a,i,s=n(7294),l=n(5697),u=n.n(l),c=n(3524),d=n.n(c),p=n(9590),f=n.n(p),m=n(7418),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",T="name",_="property",P="rel",A="src",L="target",R={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",F="titleTemplate",M=Object.keys(R).reduce((function(e,t){return e[R[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(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},$=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},H=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},Z=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},V=function(e){var t=X(e,y.TITLE),n=X(e,F);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=X(e,O);return t||r||void 0},W=function(e){return X(e,I)||function(){}},Q=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return G({},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},J=(r=Date.now(),function(e){var t=Date.now();t-r>16?(r=t,e(t)):setTimeout((function(){J(e)}),0)}),ee=function(e){return clearTimeout(e)},te="undefined"!=typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||J:n.g.requestAnimationFrame||J,ne="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||ee:n.g.cancelAnimationFrame||ee,re=function(e){return console&&"function"==typeof console.warn&&console.warn(e)},oe=null,ae=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,u=e.scriptTags,c=e.styleTags,d=e.title,p=e.titleAttributes;le(y.BODY,r),le(y.HTML,o),se(d,p);var f={baseTag:ue(y.BASE,n),linkTags:ue(y.LINK,a),metaTags:ue(y.META,i),noscriptTags:ue(y.NOSCRIPT,s),scriptTags:ue(y.SCRIPT,u),styleTags:ue(y.STYLE,c)},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)},ie=function(e){return Array.isArray(e)?e.join(""):e},se=function(e,t){void 0!==e&&document.title!==e&&(document.title=ie(e)),le(y.TITLE,t)},le=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(","))}},ue=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}},ce=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}),"")},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[R[n]||n]=e[n],t}),t)},pe=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=de(n,r),[s.createElement(y.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,r){var o=ce(n),a=ie(t);return o?"<"+e+" "+B+'="true" '+o+">"+Z(a,r)+"":"<"+e+" "+B+'="true">'+Z(a,r)+""}(e,t.title,t.titleAttributes,n)}};case h:case v:return{toComponent:function(){return de(t)},toString:function(){return ce(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=R[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+'="'+Z(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)}}}},fe=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,u=e.styleTags,c=e.title,d=void 0===c?"":c,p=e.titleAttributes;return{base:pe(y.BASE,t,r),bodyAttributes:pe(h,n,r),htmlAttributes:pe(v,o,r),link:pe(y.LINK,a,r),meta:pe(y.META,i,r),noscript:pe(y.NOSCRIPT,s,r),script:pe(y.SCRIPT,l,r),style:pe(y.STYLE,u,r),title:pe(y.TITLE,{title:d,titleAttributes:p},r)}},me=d()((function(e){return{baseTag:K([E,L],e),bodyAttributes:Q(h,e),defer:X(e,N),encode:X(e,D),htmlAttributes:Q(v,e),linkTags:Y(y.LINK,[P,E],e),metaTags:Y(y.META,[T,w,S,_,x],e),noscriptTags:Y(y.NOSCRIPT,[C],e),onChangeClientState:W(e),scriptTags:Y(y.SCRIPT,[A,C],e),styleTags:Y(y.STYLE,[k],e),title:V(e),titleAttributes:Q(b,e)}}),(function(e){oe&&ne(oe),e.defer?oe=te((function(){ae(e,(function(){oe=null}))})):(ae(e),oe=null)}),fe)((function(){return null})),ge=(o=me,i=a=function(e){function t(){return z(this,t),H(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 G({},r,((t={})[n.type]=[].concat(r[n.type]||[],[G({},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 G({},o,((t={})[r.type]=i,t.titleAttributes=G({},a),t));case y.BODY:return G({},o,{bodyAttributes:G({},a)});case y.HTML:return G({},o,{htmlAttributes:G({},a)})}return G({},o,((n={})[r.type]=G({},a),n))},t.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=G({},t);return Object.keys(e).forEach((function(t){var r;n=G({},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[M[n]||n]=e[n],t}),t)}(q(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=q(e,["children"]),r=G({},n);return t&&(r=this.mapChildrenToProps(t,r)),s.createElement(o,r)},$(t,null,[{key:"canUseDOM",set:function(e){o.canUseDOM=e}}]),t}(s.Component),a.propTypes={base:u().object,bodyAttributes:u().object,children:u().oneOfType([u().arrayOf(u().node),u().node]),defaultTitle:u().string,defer:u().bool,encodeSpecialCharacters:u().bool,htmlAttributes:u().object,link:u().arrayOf(u().object),meta:u().arrayOf(u().object),noscript:u().arrayOf(u().object),onChangeClientState:u().func,script:u().arrayOf(u().object),style:u().arrayOf(u().object),title:u().string,titleAttributes:u().object,titleTemplate:u().string},a.defaultProps={defer:!0,encodeSpecialCharacters:!0},a.peek=o.peek,a.rewind=function(){var e=o.rewind();return e||(e=fe({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),e},i);ge.renderStatic=ge.rewind;const he=function(e){return s.createElement(ge,{...e})}},9960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7294),o=n(3727),a=n(2263),i=n(3919),s=n(412);const l=(0,r.createContext)({collectLink:()=>{}});var u=n(4996),c=n(8780);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.Z)(),{withBaseUrl:w}=(0,u.C)(),k=(0,r.useContext)(l),E=n||d,S=(0,i.Z)(E),C=null==E?void 0:E.replace("pathname://","");let x=void 0!==C?(T=C,g&&(e=>e.startsWith("/"))(T)?w(T):T):void 0;var T;x&&S&&(x=(0,c.applyTrailingSlash)(x,{trailingSlash:b,baseUrl:y}));const _=(0,r.useRef)(!1),P=t?o.OL:o.rU,A=s.Z.canUseIntersectionObserver,L=(0,r.useRef)();(0,r.useEffect)((()=>(!A&&S&&null!=x&&window.docusaurus.prefetch(x),()=>{A&&L.current&&L.current.disconnect()})),[L,x,A,S]);const R=null!==(v=null==x?void 0:x.startsWith("#"))&&void 0!==v&&v,O=!x||!S||R;return x&&S&&!R&&!m&&k.collectLink(x),O?r.createElement("a",{href:x,...E&&!S&&{target:"_blank",rel:"noopener noreferrer"},...h}):r.createElement(P,{...h,onMouseEnter:()=>{_.current||null==x||(window.docusaurus.preload(x),_.current=!0)},innerRef:e=>{var t,n;A&&e&&S&&(t=e,n=()=>{null!=x&&window.docusaurus.prefetch(x)},L.current=new window.IntersectionObserver((e=>{e.forEach((e=>{t===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(L.current.unobserve(t),L.current.disconnect(),n())}))})),L.current.observe(t))},to:x||"",...t&&{isActive:f,activeClassName:p}})}},1875:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=()=>null},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c,I:()=>u});var r=n(7294);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(7529);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 u(e,t){let{message:n,id:r}=e;return i(l({message:n,id:r}),t)}function c(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)}},9913:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>a});var r=n(7294);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)}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},7041:(e,t,n)=>{"use strict";n.d(t,{_:()=>c,M:()=>d});var r=n(7294),o=n(9782);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/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/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(7529);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"}}}'),u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},c=r.createContext(u);function d(e){let{children:t}=e;return r.createElement(c.Provider,{value:u},t)}},3919:(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,{Z:()=>o,b:()=>r})},6291:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=n(8790).H},8143:(e,t,n)=>{"use strict";n.r(t),n.d(t,{BrowserRouter:()=>r.VK,HashRouter:()=>r.UT,Link:()=>r.rU,MemoryRouter:()=>r.VA,NavLink:()=>r.OL,Prompt:()=>r.NL,Redirect:()=>r.l_,Route:()=>r.AW,Router:()=>r.F0,StaticRouter:()=>r.gx,Switch:()=>r.rs,generatePath:()=>r.Gn,matchPath:()=>r.LX,useHistory:()=>r.k6,useLocation:()=>r.TH,useParams:()=>r.UO,useRouteMatch:()=>r.$B,withRouter:()=>r.EN});var r=n(3727)},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>a,Z:()=>i});var r=n(2263),o=n(3919);function a(){const{siteConfig:{baseUrl:e="/",url:t}={}}=(0,r.Z)();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.b)(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)}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(7041);const a=function(){return(0,r.useContext)(o._)}},8084:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a,useAllPluginInstancesData:()=>i,usePluginData:()=>s});var r=n(2263),o=n(9935);function a(){const{globalData:e}=(0,r.Z)();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}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(9913);function a(){return(0,r.useContext)(o._)}},4953:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7294),o=n(4161),a=n(780);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.Z,{fallback:()=>r.createElement(i,{error:t,tryAgain:n})},r.createElement(o.Z,{title:"Page Error"},r.createElement(i,{error:t,tryAgain:n})))}},8408:(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(8143);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}}},6730:(e,t,n)=>{"use strict";t.Jo=t.Iw=t.zu=t.yW=t.gB=t.gA=t.zh=t._r=void 0;const r=n(655),o=n(8143),a=(0,r.__importStar)(n(8084)),i=n(8408),s={};t._r=()=>{var e;return null!==(e=(0,a.default)()["docusaurus-plugin-content-docs"])&&void 0!==e?e:s};t.zh=e=>(0,a.usePluginData)("docusaurus-plugin-content-docs",e);t.gA=function(e){void 0===e&&(e={});const n=(0,t._r)(),{pathname:r}=(0,o.useLocation)();return(0,i.getActivePlugin)(n,r,e)};t.gB=e=>(0,t.zh)(e).versions;t.yW=e=>{const n=(0,t.zh)(e);return(0,i.getLatestVersion)(n)};t.zu=e=>{const n=(0,t.zh)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getActiveVersion)(n,r)};t.Iw=e=>{const n=(0,t.zh)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getActiveDocContext)(n,r)};t.Jo=e=>{const n=(0,t.zh)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getDocVersionSuggestions)(n,r)}},541:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294);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"}))}},4161:(e,t,n)=>{"use strict";n.d(t,{Z:()=>xe});var r=n(7294),o=n(6010),a=n(780),i=n(6550),s=n(5999),l=n(3810);const u="skipToContent_OuoZ";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}const d=function(){const e=(0,r.useRef)(null),{action:t}=(0,i.k6)();return(0,l.SL)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&c(e.current)})),r.createElement("div",{ref:e},r.createElement("a",{href:"#",className:u,onClick:e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")||document.querySelector(".main-wrapper");t&&c(t)}},r.createElement(s.Z,{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(7462);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.Z)({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.nT)(),{announcementBar:n}=(0,l.LU)();if(!e)return null;const{content:a,backgroundColor:i,textColor:u,isCloseable:c}=n;return r.createElement("div",{className:m,style:{backgroundColor:i,color:u},role:"banner"},c&&r.createElement("div",{className:g}),r.createElement("div",{className:v,dangerouslySetInnerHTML:{__html:a}}),c?r.createElement("button",{type:"button",className:(0,o.Z)("clean-btn close",h),onClick:t,"aria-label":(0,s.I)({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(1875),w=n(2389);const k="toggle_iYfV",E="toggleScreenReader_h9qa",S="toggleDisabled_xj38",C="toggleTrack_t-f2",x="toggleTrackCheck_mk7D",T="toggleChecked_a04y",_="toggleTrackX_dm8H",P="toggleTrackThumb_W6To",A="toggleFocused_pRSw",L="toggleIcon_pHJ9",R=(0,r.memo)((e=>{let{className:t,switchConfig:n,checked:a,disabled:i,onChange:s}=e;const{darkIcon:l,darkIconStyle:u,lightIcon:c,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.Z)(k,t,{[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:L,style:u},l)),r.createElement("div",{className:_},r.createElement("span",{className:L,style:d},c)),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.LU)(),n=(0,w.Z)();return r.createElement(R,(0,p.Z)({switchConfig:t,disabled:!n},e))}var N=n(5350);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.RF)(((t,r)=>{if(!e)return;const i=t.scrollY;if(i=s?n(!1):i+u{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 F=n(3783),M=n(907),j=n(2207),B=n(5537);const U=function(e){let{width:t=30,height:n=30,className:o,...a}=e;return r.createElement("svg",(0,p.Z)({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.LU)().navbar.items}function q(){const{colorMode:{disableSwitch:e}}=(0,l.LU)(),{isDarkTheme:t,setLightTheme:n,setDarkTheme:o}=(0,N.Z)();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(),u=function(e){let{sidebarShown:t,toggleSidebar:n}=e;const o=(0,l.g8)()?.({toggleSidebar:n}),a=(0,l.D9)(o),[i,s]=(0,r.useState)((()=>!1));(0,r.useEffect)((()=>{o&&!a&&s(!0)}),[o,a]);const u=!!o;return(0,r.useEffect)((()=>{u?t||s(!0):s(!1)}),[t,u]),{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.Z,{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.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":u.shown})},r.createElement("div",{className:"navbar-sidebar__item menu"},r.createElement("ul",{className:"menu__list"},a.map(((e,t)=>r.createElement(j.Z,(0,p.Z)({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:u.hide},r.createElement(s.Z,{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")),u.content)))}const Z=function(){const{navbar:{hideOnScroll:e,style:t}}=(0,l.LU)(),n=function(){const e=(0,F.Z)(),t="mobile"===e,[n,o]=(0,r.useState)(!1);(0,l.Rb)((()=>{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,M.gA)(),{navbarRef:s,isNavbarVisible:u}=D(e),c=G(),d=c.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??$)))}}(c);return r.createElement("nav",{ref:s,className:(0,o.Z)("navbar","navbar--fixed-top",{"navbar--dark":"dark"===t,"navbar--primary":"primary"===t,"navbar-sidebar--show":n.shown,[z.navbarHideable]:e,[z.navbarHidden]:e&&!u})},r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},(c?.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.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),f.map(((e,t)=>r.createElement(j.Z,(0,p.Z)({},e,{key:t}))))),r.createElement("div",{className:"navbar__items navbar__items--right"},m.map(((e,t)=>r.createElement(j.Z,(0,p.Z)({},e,{key:t})))),!a.disabled&&r.createElement(O,{className:z.toggle,checked:a.isDarkTheme,onChange:a.toggle}),!d&&r.createElement(y.Z,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 V=n(9960),W=n(4996),Q=n(3919);const K="footerLogoLink_SRtH";var Y=n(9750),X=n(541);function J(e){let{to:t,href:n,label:o,prependBaseUrlToHref:a,...i}=e;const s=(0,W.Z)(t),l=(0,W.Z)(n,{forcePrependBaseUrl:!0});return r.createElement(V.Z,(0,p.Z)({className:"footer__link-item"},n?{href:a?l:n}:{to:s},i),n&&!(0,Q.Z)(n)?r.createElement("span",null,o,r.createElement(X.Z,null)):o)}function ee(e){let{sources:t,alt:n,width:o,height:a}=e;return r.createElement(Y.Z,{className:"footer__logo",alt:n,sources:t,width:o,height:a})}const te=function(){const{footer:e}=(0,l.LU)(),{copyright:t,links:n=[],logo:a={}}=e||{},i={light:(0,W.Z)(a.src),dark:(0,W.Z)(a.srcDark||a.src)};return e?r.createElement("footer",{className:(0,o.Z)("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(J,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(V.Z,{href:a.href,className:K},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(412);const re=(0,l.WA)("theme"),oe="light",ae="dark",ie=e=>e===ae?ae:oe,se=e=>{(0,l.WA)("theme").set(ie(e))},le=()=>{const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.LU)(),[o,a]=(0,r.useState)((e=>ne.Z.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 ue=n(2924);const ce=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(ue.Z.Provider,{value:a},e.children)},de="docusaurus.tab.",pe=()=>{const[e,t]=(0,r.useState)({}),n=(0,r.useCallback)(((e,t)=>{(0,l.WA)(`${de}${e}`).set(t)}),[]);return(0,r.useEffect)((()=>{try{const e={};(0,l._f)().forEach((t=>{if(t.startsWith(de)){const n=t.substring(de.length);e[n]=(0,l.WA)(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(9443);const me=function(e){const{tabGroupChoices:t,setTabGroupChoices:n}=pe(),o=(0,r.useMemo)((()=>({tabGroupChoices:t,setTabGroupChoices:n})),[t,n]);return r.createElement(fe.Z.Provider,{value:o},e.children)};function ge(e){let{children:t}=e;return r.createElement(ce,null,r.createElement(l.pl,null,r.createElement(me,null,r.createElement(l.OC,null,r.createElement(l.L5,null,r.createElement(l.Cn,null,t))))))}var he=n(2859),ve=n(2263);function be(e){let{locale:t,version:n,tag:o}=e;return r.createElement(he.Z,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(1217);function we(){const{i18n:{defaultLocale:e,locales:t}}=(0,ve.Z)(),n=(0,l.l5)();return r.createElement(he.Z,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.Z)(),o=function(){const{siteConfig:{url:e}}=(0,ve.Z)(),{pathname:t}=(0,i.TH)();return e+(0,W.Z)(t)}(),a=t?`${n}${t}`:o;return r.createElement(he.Z,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.Z)(),{metadata:a,image:i}=(0,l.LU)(),{title:s,description:u,image:c,keywords:d,searchMetadata:f}=e,m=(0,W.Z)(t),g=(0,l.pe)(s),h=n,v=o[n].direction;return r.createElement(r.Fragment,null,r.createElement(he.Z,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.Z,{image:i}),c&&r.createElement(ye.Z,{image:c}),r.createElement(ye.Z,{description:u,keywords:d}),r.createElement(ke,null),r.createElement(we,null),r.createElement(be,(0,p.Z)({tag:l.HX,locale:n},f)),r.createElement(he.Z,null,a.map(((e,t)=>r.createElement("meta",(0,p.Z)({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.Z,{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.Z,{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(Z,null),r.createElement("div",{className:(0,o.Z)(l.kM.wrapper.main,i,s)},r.createElement(a.Z,{fallback:Ce},t)),!n&&r.createElement(te,null))}},5537:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),o=n(7294),a=n(9960),i=n(9750),s=n(4996),l=n(2263),u=n(3810);const c=function(e){const{siteConfig:{title:t}}=(0,l.Z)(),{navbar:{title:n,logo:c={src:""}}}=(0,u.LU)(),{imageClassName:d,titleClassName:p,...f}=e,m=(0,s.Z)(c.href||"/"),g={light:(0,s.Z)(c.src),dark:(0,s.Z)(c.srcDark||c.src)},h=o.createElement(i.Z,{sources:g,height:c.height,width:c.width,alt:c.alt||n||t});return o.createElement(a.Z,(0,r.Z)({to:m},f,c.target&&{target:c.target}),c.src&&(d?o.createElement("div",{className:d},h):h),null!=n&&o.createElement("b",{className:p},n))}},5525:(e,t,n)=>{"use strict";n.d(t,{O:()=>p,Z:()=>g});var r=n(7462),o=n(7294),a=n(6010),i=n(9960),s=n(4996),l=n(541),u=n(3919),c=n(3810),d=n(2207);function p(e){let{activeBasePath:t,activeBaseRegex:n,to:a,href:d,label:p,activeClassName:f="",prependBaseUrlToHref:m,...g}=e;const h=(0,s.Z)(a),v=(0,s.Z)(t),b=(0,s.Z)(d,{forcePrependBaseUrl:!0}),y=p&&d&&!(0,u.Z)(d),w="dropdown__link--active"===f;return o.createElement(i.Z,(0,r.Z)({},d?{href:m?b:d}:{isNavLink:!0,activeClassName:g.className?.includes(f)?"":f,to:h,...t||n?{isActive:(e,t)=>n?(0,c.Fx)(n,t.pathname):t.pathname.startsWith(v)}:null},g),y?o.createElement("span",null,p,o.createElement(l.Z,w&&{width:12,height:12})):p)}function f(e){let{className:t,isDropdownItem:n=!1,...i}=e;const s=o.createElement(p,(0,r.Z)({className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t)},i));return n?o.createElement("li",null,s):s}function m(e){let{className:t,isDropdownItem:n,...i}=e;return o.createElement("li",{className:"menu__list-item"},o.createElement(p,(0,r.Z)({className:(0,a.Z)("menu__link",t)},i)))}const g=function(e){let{mobile:t=!1,position:n,...a}=e;const i=t?m:f;return o.createElement(i,(0,r.Z)({},a,{activeClassName:a.activeClassName??(0,d.E)(t)}))}},6400:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),o=n(7294),a=n(5525),i=n(907),s=n(6010),l=n(2207),u=n(3810);function c(e){let{docId:t,label:n,docsPluginId:c,...d}=e;const{activeVersion:p,activeDoc:f}=(0,i.Iw)(c),{preferredVersion:m}=(0,u.J)(c),g=(0,i.yW)(c),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,u.jj)([p,m,g].filter(Boolean)),t),v=(0,l.E)(d.mobile);return o.createElement(a.Z,(0,r.Z)({exact:!0},d,{className:(0,s.Z)(d.className,{[v]:f?.sidebar&&f.sidebar===h.sidebar}),activeClassName:v,label:n??h.id,to:h.path}))}},9308:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7462),o=n(7294),a=n(5525),i=n(3154),s=n(907),l=n(3810),u=n(5999);const c=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.Iw)(n),h=(0,s.gB)(n),v=(0,s.yW)(n),{preferredVersion:b,savePreferredVersionName:y}=(0,l.J)(n);const w=function(){const e=h.map((e=>{const t=g?.alternateDocVersions[e.name]||c(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,u.I)({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:c(k).path;return w.length<=1?o.createElement(a.Z,(0,r.Z)({},m,{mobile:t,label:E,to:S,isActive:d?()=>!1:void 0})):o.createElement(i.Z,(0,r.Z)({},m,{mobile:t,label:E,to:S,items:w,isActive:d?()=>!1:void 0}))}},7250:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(7462),o=n(7294),a=n(5525),i=n(907),s=n(3810);function l(e){let{label:t,to:n,docsPluginId:l,...u}=e;const c=(0,i.zu)(l),{preferredVersion:d}=(0,s.J)(l),p=(0,i.yW)(l),f=c??d??p,m=t??f.label,g=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(f).path;return o.createElement(a.Z,(0,r.Z)({},u,{label:m,to:g}))}},3154:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(7462),o=n(7294),a=n(6010),i=n(3810),s=n(5525),l=n(2207);function u(e,t){return e.some((e=>function(e,t){return!!(0,i.Mg)(e.to,t)||!!(0,i.Fx)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function c(e){let{items:t,position:n,className:i,...u}=e;const c=(0,o.useRef)(null),d=(0,o.useRef)(null),[p,f]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[c]),o.createElement("div",{ref:c,className:(0,a.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":p})},o.createElement(s.O,(0,r.Z)({href:u.to?void 0:"#",className:(0,a.Z)("navbar__link",i)},u,{onClick:u.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!p))}}),u.children??u.label),o.createElement("ul",{ref:d,className:"dropdown__menu"},t.map(((e,n)=>o.createElement(l.Z,(0,r.Z)({isDropdownItem:!0,onKeyDown:e=>{if(n===t.length-1&&"Tab"===e.key){e.preventDefault(),f(!1);const t=c.current.nextElementSibling;t&&t.focus()}},activeClassName:"dropdown__link--active"},e,{key:n}))))))}function d(e){let{items:t,className:n,position:c,...d}=e;const p=(0,i.be)(),f=u(t,p),{collapsed:m,toggleCollapsed:g,setCollapsed:h}=(0,i.uR)({initialState:()=>!f});return(0,o.useEffect)((()=>{f&&h(!f)}),[p,f,h]),o.createElement("li",{className:(0,a.Z)("menu__list-item",{"menu__list-item--collapsed":m})},o.createElement(s.O,(0,r.Z)({role:"button",className:(0,a.Z)("menu__link menu__link--sublist",n)},d,{onClick:e=>{e.preventDefault(),g()}}),d.children??d.label),o.createElement(i.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:m},t.map(((e,t)=>o.createElement(l.Z,(0,r.Z)({mobile:!0,isDropdownItem:!0,onClick:d.onClick,activeClassName:"menu__link--active"},e,{key:t}))))))}const p=function(e){let{mobile:t=!1,...n}=e;const r=t?d:c;return o.createElement(r,n)}},2207:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h,E:()=>g});var r=n(7294),o=n(5525),a=n(3154),i=n(7462);const s=function(e){let{width:t=20,height:n=20,...o}=e;return r.createElement("svg",(0,i.Z)({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(2263),u=n(3810);const c="iconLanguage_EbrZ";function d(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...d}=e;const{i18n:{currentLocale:p,locales:f,localeConfigs:m}}=(0,l.Z)(),g=(0,u.l5)();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.Z,(0,i.Z)({},d,{mobile:t,label:r.createElement("span",null,r.createElement(s,{className:c}),r.createElement("span",null,b)),items:v}))}var p=n(1875);function f(e){let{mobile:t}=e;return t?null:r.createElement(p.Z,null)}const m={default:()=>o.Z,localeDropdown:()=>d,search:()=>f,dropdown:()=>a.Z,docsVersion:()=>n(7250).Z,docsVersionDropdown:()=>n(9308).Z,doc:()=>n(6400).Z};const g=e=>e?"menu__link--active":"navbar__link--active";function h(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=(e=>{const t=m[e];if(!t)throw new Error(`No NavbarItem component found for type "${e}".`);return t()})(o);return r.createElement(a,n)}},1217:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7294),o=n(2859),a=n(3810),i=n(4996);function s(e){let{title:t,description:n,keywords:s,image:l,children:u}=e;const c=(0,a.pe)(t),{withBaseUrl:d}=(0,i.C)(),p=l?d(l,{absolute:!0}):void 0;return r.createElement(o.Z,null,t&&r.createElement("title",null,c),t&&r.createElement("meta",{property:"og:title",content:c}),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}),u)}},2924:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=n(7294).createContext(void 0)},9750:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var r=n(7462),o=n(7294),a=n(6010),i=n(2389),s=n(5350);const l={themedImage:"themedImage_TMUO","themedImage--light":"themedImage--light_4Vu1","themedImage--dark":"themedImage--dark_uzRr"};const u=function(e){const t=(0,i.Z)(),{isDarkTheme:n}=(0,s.Z)(),{sources:u,className:c,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.Z)({key:e,src:u[e],alt:d,className:(0,a.Z)(l.themedImage,l[`themedImage--${e}`],c)},p)))))}},9443:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=(0,n(7294).createContext)(void 0)},907:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>r.Iw,Jo:()=>r.Jo,_r:()=>r._r,gA:()=>r.gA,gB:()=>r.gB,yW:()=>r.yW,zh:()=>r.zh,zu:()=>r.zu});var r=n(6730)},5350:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(2924);const a=function(){const e=(0,r.useContext)(o.Z);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}},3783:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var r=n(7294),o=n(412);const a="desktop",i="mobile",s="ssr";function l(){return o.Z.canUseDOM?window.innerWidth>996?a:i:s}const u=function(){const[e,t]=(0,r.useState)((()=>l()));return(0,r.useEffect)((()=>{function e(){t(l())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(undefined)}}),[]),e}},467:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(412),o=n(9782);const a=e=>{if(r.Z.canUseDOM){const{themeConfig:{prism:t={}}}=o.default,{additionalLanguages:r=[]}=t;window.Prism=e,r.forEach((e=>{n(6726)(`./prism-${e}`)})),delete window.Prism}}},2448:(e,t,n)=>{"use strict";var r=o(n(7410));function o(e){return e&&e.__esModule?e:{default:e}}(0,o(n(467)).default)(r.default)},3810:(e,t,n)=>{"use strict";n.d(t,{pl:()=>Ie,zF:()=>fe,HX:()=>Q,PO:()=>ke,L5:()=>D,bT:()=>S,qu:()=>y,Cv:()=>Te,Cn:()=>Se,OC:()=>Ve,kM:()=>Ae,WA:()=>u,os:()=>K,lx:()=>_e,Wl:()=>T,_F:()=>P,Fx:()=>Xe,Mg:()=>g,_f:()=>c,bc:()=>Z,Vo:()=>V,nZ:()=>W,jj:()=>Pe,l5:()=>p,nT:()=>Fe,uR:()=>ae,jA:()=>_,xz:()=>k,J:()=>M,Vq:()=>C,E6:()=>w,Rb:()=>je,be:()=>Me,SL:()=>re,g8:()=>xe,D9:()=>ne,RF:()=>Ke,o5:()=>Ye,DA:()=>qe,Si:()=>$e,LU:()=>o,pe:()=>Y});var r=n(2263);function o(){return(0,r.Z)().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 u=(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 c(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._r,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 T(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(t);if(e)return e}}}function _(){const{pathname:e}=(0,d.TH)(),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}`,L={save:(e,t,n)=>{u(A(e),{persistence:t}).set(n)},read:(e,t)=>u(A(e),{persistence:t}).get(),clear:(e,t)=>{u(A(e),{persistence:t}).del()}};function R(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;const o={};return t.forEach((e=>{o[e]=function(e){const t=L.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(L.clear(e,n),{preferredVersionName:null})}(e)})),o}function O(){const e=(0,f._r)(),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(R({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,m.useMemo)((()=>({savePreferredVersion:function(e,n){L.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 F=n(9935);function M(e){void 0===e&&(e=F.m);const t=(0,f.zh)(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(7594),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*$`)};function Z(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 V(e){const t=null==e?void 0:e.split(" ").find((e=>e.startsWith("language-")));return null==t?void 0:t.replace(/language-/,"")}function W(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=(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()}})(n),a=r.split("\n");let i,s="";for(let u=0;uvoid 0!==e))){case"highlight-next-line":s+=`${u},`;break;case"highlight-start":i=u;break;case"highlight-end":s+=`${i}-${u-1},`}a.splice(u,1)}else u+=1}const l=B()(s);return r=a.join("\n"),{highlightLines:l,code:r}}const Q="default";function K(e,t){return`docs-${e}-${t}`}const Y=e=>{const{siteConfig:t}=(0,r.Z)(),{title:n,titleDelimiter:o}=t;return e&&e.trim().length?`${e.trim()} ${o} ${n}`:n},X=["zero","one","two","few","many","other"];function J(e){return X.filter((t=>e.includes(t)))}J(["one","other"]);const ee="undefined"!=typeof window?m.useLayoutEffect:m.useEffect;function te(e){const t=(0,m.useRef)(e);return ee((()=>{t.current=e}),[e]),(0,m.useCallback)((function(){return t.current(...arguments)}),[])}function ne(e){const t=(0,m.useRef)();return ee((()=>{t.current=e})),t.current}function re(e){const t=(0,d.TH)(),n=ne(t),r=te(e);(0,m.useEffect)((()=>{t!==n&&r({location:t,previousLocation:n})}),[r,t,n])}var oe=n(412);function ae(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 ie={display:"none",overflow:"hidden",height:"0px"},se={display:"block",overflow:"visible",height:"auto"};function le(e,t){const n=t?ie:se;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function ue(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:"ease-in-out"}`,height:`${o}px`}}function i(){const t=a();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return le(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(i(),requestAnimationFrame((()=>{e.style.height=ie.height,e.style.overflow=ie.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function ce(e){if(!oe.Z.canUseDOM)return e?ie:se}function de(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 ue({collapsibleRef:l,collapsed:n,animation:o}),m.createElement(t,{ref:l,style:s?void 0:ce(n),onTransitionEnd:e=>{"height"===e.propertyName&&(le(l.current,n),null==a||a(n))},className:i},r)}function pe(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(de,{...n,collapsed:a}):null}function fe(e){let{lazy:t,...n}=e;const r=t?pe:de;return m.createElement(r,{...n})}var me=n(2389),ge=n(6010);const he="details_Q743",ve="isBrowser_rWTL",be="collapsibleContent_K5uX";function ye(e){return!!e&&("SUMMARY"===e.tagName||ye(e.parentElement))}function we(e,t){return!!e&&(e===t||we(e.parentElement,t))}const ke=function(e){let{summary:t,children:n,...r}=e;const o=(0,me.Z)(),a=(0,m.useRef)(null),{collapsed:i,setCollapsed:s}=ae({initialState:!r.open}),[l,u]=(0,m.useState)(r.open);return m.createElement("details",{...r,ref:a,open:l,"data-collapsed":i,className:(0,ge.Z)(he,{[ve]:o},r.className),onMouseDown:e=>{ye(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;ye(t)&&we(t,a.current)&&(e.preventDefault(),i?(s(!1),u(!0)):s(!0))}},t,m.createElement(fe,{lazy:!1,collapsed:i,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{s(e),u(!e)}},m.createElement("div",{className:be},n)))};const Ee=(0,m.createContext)(null);function Se(e){let{children:t}=e;return m.createElement(Ee.Provider,{value:(0,m.useState)(null)},t)}function Ce(){const e=(0,m.useContext)(Ee);if(null===e)throw new Error("MobileSecondaryMenuProvider was not used correctly, context value is null");return e}function xe(){const[e]=Ce();if(e){const t=e.component;return function(n){return m.createElement(t,{...e.props,...n})}}return()=>{}}function Te(e){let{component:t,props:n}=e;const[,r]=Ce(),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 _e(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,r)=>e.findIndex((e=>t(e,n)))!==r))}function Pe(e){return Array.from(new Set(e))}const Ae={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:{}},Le=u("docusaurus.announcement.dismiss"),Re=u("docusaurus.announcement.id"),Oe=()=>"true"===Le.get(),Ne=e=>Le.set(String(e)),De=(0,m.createContext)(null);function Ie(e){let{children:t}=e;const n=(()=>{const{announcementBar:e}=o(),t=(0,me.Z)(),[n,r]=(0,m.useState)((()=>!!t&&Oe()));(0,m.useEffect)((()=>{r(Oe())}),[]);const a=(0,m.useCallback)((()=>{Ne(!0),r(!0)}),[]);return(0,m.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=Re.get();"annoucement-bar"===n&&(n="announcement-bar");const o=t!==n;Re.set(t),o&&Ne(!1),!o&&Oe()||r(!1)}),[e]),(0,m.useMemo)((()=>({isActive:!!e&&!n,close:a})),[e,n,a])})();return m.createElement(De.Provider,{value:n},t)}const Fe=()=>{const e=(0,m.useContext)(De);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 Me(){const{siteConfig:{baseUrl:e}}=(0,r.Z)(),{pathname:t}=(0,d.TH)();return t.replace(e,"/")}n(5999);function je(e){!function(e){const{block:t}=(0,d.k6)(),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 Be(e){const t=e.getBoundingClientRect();return t.top===t.bottom?Be(e.parentNode):t}function Ue(e,t){let{anchorTopOffset:n}=t;var r;const o=e.find((e=>Be(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 $e=function(e){const t=(0,m.useRef)(void 0),n=ze();(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=Ue(s,{anchorTopOffset:n.current}),u=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===u)}))}return document.addEventListener("scroll",s),document.addEventListener("resize",s),s(),()=>{document.removeEventListener("scroll",s),document.removeEventListener("resize",s)}}),[e,n])};function Ge(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:r}=e;return t.flatMap((e=>{const t=Ge({toc:e.children,minHeadingLevel:n,maxHeadingLevel:r});return function(e){return e.level>=n&&e.level<=r}(e)?[{...e,children:t}]:t}))}function qe(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:r}=e;return(0,m.useMemo)((()=>Ge({toc:t,minHeadingLevel:n,maxHeadingLevel:r})),[t,n,r])}function He(){const e=(0,m.useRef)(!0);return(0,m.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}const Ze=(0,m.createContext)(void 0);function Ve(e){let{children:t}=e;return m.createElement(Ze.Provider,{value:He()},t)}function We(){const e=(0,m.useContext)(Ze);if(null==e)throw new Error('"useScrollController" is used but no context provider was found in the React tree.');return e}const Qe=()=>oe.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function Ke(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=We(),r=(0,m.useRef)(Qe()),o=te(e);(0,m.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=Qe();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 Ye(){const e=We(),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 Xe(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}},8802:(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)}},8780: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(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}})},6010:(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,{lX:()=>S,q_:()=>A,ob:()=>g,PP:()=>R,Ep:()=>m,Hp:()=>h});var r=n(7462);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(!u)for(;d--;d)i.unshift("..");!u||""===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 u=n(8776);function c(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.Z)({},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);c.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(9864),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 u=Object.defineProperty,c=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=c(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),h=0;h{"use strict";n.r(t)},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865: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),u=a.querySelector(r.barSelector),c=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(u,i(e,c,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),c)}),c)):setTimeout(t,c)})),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");c(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),u=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),u!=document.body&&c(u,"nprogress-custom-parent"),u.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 u(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=p(e),r=n+t;u(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);u(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)},7418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}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,a){for(var i,s,l=o(e),u=1;u{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,T=1;if(b){if(!(x=a(k,S,e,v))||x.index>=e.length)break;var _=x.index,P=x.index+x[0].length,A=S;for(A+=E.value.length;_>=A;)A+=(E=E.next).value.length;if(S=A-=E.value.length,E.value instanceof o)continue;for(var L=E;L!==t.tail&&(Ad.reach&&(d.reach=D);var I=E.prev;if(O&&(I=l(t,I,O),S+=O.length),u(t,I,T),E=l(t,I,new o(p,h?r.tokenize(R,h):R,y,R)),N&&l(t,E,N),T>1){var F={cause:p+","+m,reach:D};i(e,t,n,E.prev,S,F),d&&F.reach>d.reach&&(d.reach=F.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 u(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(u,"variable-input")}}}}function c(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 u(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 c(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,c={},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 c[n]=o,n})).join(""),n,r),p=Object.keys(c);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=u(c[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 u=s[l];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=a[o],d=n.tokenStack[c],p="string"==typeof u?u:u.content,f=t(r,c),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 u?s.splice.apply(s,[l,1].concat(b)):u.content=b}}else u.content&&i(u.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},9901: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"}}})},2885:(e,t,n)=>{const r=n(9901),o=n(9642),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(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6726:(e,t,n)=>{var r={"./":2885};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=6726},6500:(e,t,n)=>{var r={"./":2885};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=6500},9642: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 u(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,u),t(l.optional,u),t(l.modify,u)}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),u=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(u),s=(s||[]).map(u);var c=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(c[t]=!0,e(t))}))}));for(var p,f=r(l),m=c;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 c))for(var b in f(v))if(b in c){p[v]=!0;break}for(var y in m=p)c[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 u(e){if(e in s)return s[e];l[e]=!0;var o,c=[];for(var d in t(e))d in n&&c.push(d);if(0===c.length)o=r(e);else{var p=i(c.map((function(e){var t=u(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var c in n)u(c);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,c,t,n)}};return w}}();e.exports=t},2703:(e,t,n)=>{"use strict";var r=n(414);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}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),o=n(7418),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n