12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { IconsFont } from 'welcome-ui/IconsFont'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"IconsFont","pathToFile":"/IconsFont/docs/examples/overview.tsx","withCodeEditor":true}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h2-0",{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h3-0",{"as":"h3","id":"size","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#size","textDecoration":{"hover":"underline"},"children":"Size"}]}],"\n",["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use size property with ","position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":24,"offset":34}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xs","position":{"start":{"line":4,"column":24,"offset":34},"end":{"line":4,"column":28,"offset":38}}}],"position":{"start":{"line":4,"column":24,"offset":34},"end":{"line":4,"column":28,"offset":38}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":28,"offset":38},"end":{"line":4,"column":30,"offset":40}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"sm","position":{"start":{"line":4,"column":30,"offset":40},"end":{"line":4,"column":34,"offset":44}}}],"position":{"start":{"line":4,"column":30,"offset":40},"end":{"line":4,"column":34,"offset":44}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":34,"offset":44},"end":{"line":4,"column":36,"offset":46}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"md","position":{"start":{"line":4,"column":36,"offset":46},"end":{"line":4,"column":40,"offset":50}}}],"position":{"start":{"line":4,"column":36,"offset":46},"end":{"line":4,"column":40,"offset":50}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":40,"offset":50},"end":{"line":4,"column":42,"offset":52}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"lg","position":{"start":{"line":4,"column":42,"offset":52},"end":{"line":4,"column":46,"offset":56}}}],"position":{"start":{"line":4,"column":42,"offset":52},"end":{"line":4,"column":46,"offset":56}}},{"type":"text","value":" ","position":{"start":{"line":4,"column":46,"offset":56},"end":{"line":4,"column":47,"offset":57}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xl","position":{"start":{"line":4,"column":47,"offset":57},"end":{"line":4,"column":51,"offset":61}}}],"position":{"start":{"line":4,"column":47,"offset":57},"end":{"line":4,"column":51,"offset":61}}},{"type":"text","value":" or ","position":{"start":{"line":4,"column":51,"offset":61},"end":{"line":4,"column":55,"offset":65}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xxl","position":{"start":{"line":4,"column":55,"offset":65},"end":{"line":4,"column":60,"offset":70}}}],"position":{"start":{"line":4,"column":55,"offset":65},"end":{"line":4,"column":60,"offset":70}}},{"type":"text","value":".","position":{"start":{"line":4,"column":60,"offset":70},"end":{"line":4,"column":61,"offset":71}}}],"position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":61,"offset":71}}},"children":["Use size property with ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xs"}],", ",["$","$L5","code-1",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"sm"}],", ",["$","$L5","code-2",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"md"}],", ",["$","$L5","code-3",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"lg"}]," ",["$","$L5","code-4",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xl"}]," or ",["$","$L5","code-5",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xxl"}],"."]}],"\n",["$","$L20","div-0",{"code":"import { IconsFont } from 'welcome-ui/IconsFont'\n\nconst Example = () => {\n return (\n <>\n \n \n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconsFont","pathToFile":"/IconsFont/docs/examples/sizes.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"as":"h3","id":"color","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#color","textDecoration":{"hover":"underline"},"children":"Color"}]}],"\n",["$","$L21","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Icons inherit the color from their parent.","position":{"start":{"line":10,"column":1,"offset":152},"end":{"line":10,"column":43,"offset":194}}}],"position":{"start":{"line":10,"column":1,"offset":152},"end":{"line":10,"column":43,"offset":194}}},"children":"Icons inherit the color from their parent."}],"\n",["$","$L20","div-1",{"code":"import { IconsFont } from 'welcome-ui/IconsFont'\n\nconst Example = () => {\n return (\n <>\n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconsFont","pathToFile":"/IconsFont/docs/examples/color.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-2",{"as":"h3","id":"css-import","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#css-import","textDecoration":{"hover":"underline"},"children":"CSS import"}]}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To import IconsFont css stylesheet, you should use this import path:","position":{"start":{"line":16,"column":1,"offset":280},"end":{"line":16,"column":69,"offset":348}}}],"position":{"start":{"line":16,"column":1,"offset":280},"end":{"line":16,"column":69,"offset":348}}},"children":"To import IconsFont css stylesheet, you should use this import path:"}],"\n",["$","div","pre-0",{"children":["$","$L22","code-0",{"language":"jsx","children":"import 'welcome-ui/fonts/welcome-icon-font.css'\n"}]}],"\n",["$","$L21","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here is an example on how to use css class to display icons:","position":{"start":{"line":22,"column":1,"offset":410},"end":{"line":22,"column":61,"offset":470}}}],"position":{"start":{"line":22,"column":1,"offset":410},"end":{"line":22,"column":61,"offset":470}}},"children":"Here is an example on how to use css class to display icons:"}],"\n",["$","$L20","div-2",{"code":"import 'welcome-ui/fonts/welcome-icon-font.css'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconsFont","pathToFile":"/IconsFont/docs/examples/css.tsx","withCodeEditor":true}],"\n",["$","$Lf","h2-0",{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"icons","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#icons","textDecoration":{"hover":"underline"},"children":"Icons"}]}],"\n",["$","$Lf","h3-3",{"as":"h3","id":"arrows","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#arrows","textDecoration":{"hover":"underline"},"children":"Arrows"}]}],"\n",["$","$L23","div-3",{"isIconsFont":true,"name":"arrows"}],"\n",["$","$Lf","h3-4",{"as":"h3","id":"actions","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#actions","textDecoration":{"hover":"underline"},"children":"Actions"}]}],"\n",["$","$L23","div-4",{"isIconsFont":true,"name":"actions"}],"\n",["$","$Lf","h3-5",{"as":"h3","id":"miscellaneous","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#miscellaneous","textDecoration":{"hover":"underline"},"children":"Miscellaneous"}]}],"\n",["$","$L23","div-5",{"isIconsFont":true,"name":"miscellaneous"}],"\n",["$","$Lf","h3-6",{"as":"h3","id":"wtf","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#wtf","textDecoration":{"hover":"underline"},"children":"WTF"}]}],"\n",["$","$L23","div-6",{"isIconsFont":true,"name":"wtf"}],"\n",["$","$Lf","h3-7",{"as":"h3","id":"files","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#files","textDecoration":{"hover":"underline"},"children":"Files"}]}],"\n",["$","$L23","div-7",{"isIconsFont":true,"name":"files"}],"\n",["$","$Lf","h3-8",{"as":"h3","id":"player","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#player","textDecoration":{"hover":"underline"},"children":"Player"}]}],"\n",["$","$L23","div-8",{"isIconsFont":true,"name":"player"}],"\n",["$","$Lf","h3-9",{"as":"h3","id":"avatar","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#avatar","textDecoration":{"hover":"underline"},"children":"Avatar"}]}],"\n",["$","$L23","div-9",{"isIconsFont":true,"name":"avatar"}],"\n",["$","$Lf","h3-10",{"as":"h3","id":"markdown","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#markdown","textDecoration":{"hover":"underline"},"children":"Markdown"}]}],"\n",["$","$L23","div-10",{"isIconsFont":true,"name":"markdown"}],"\n",["$","$Lf","h3-11",{"as":"h3","id":"table","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#table","textDecoration":{"hover":"underline"},"children":"Table"}]}],"\n",["$","$L23","div-11",{"isIconsFont":true,"name":"table"}],"\n",["$","$Lf","h3-12",{"as":"h3","id":"brands","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#brands","textDecoration":{"hover":"underline"},"children":"Brands"}]}],"\n",["$","$L23","div-12",{"isIconsFont":true,"name":"brands"}],"\n",["$","$Lf","h3-13",{"as":"h3","id":"welcome","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#welcome","textDecoration":{"hover":"underline"},"children":"Welcome"}]}],"\n",["$","$L23","div-13",{"isIconsFont":true,"name":"welcome"}]]}]]}],["$","$L24",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#size","id":"size","title":"Size"},{"href":"#color","id":"color","title":"Color"},{"href":"#css-import","id":"css-import","title":"CSS import"}]},{"href":"#icons","id":"icons","title":"Icons","children":[{"href":"#arrows","id":"arrows","title":"Arrows"},{"href":"#actions","id":"actions","title":"Actions"},{"href":"#miscellaneous","id":"miscellaneous","title":"Miscellaneous"},{"href":"#wtf","id":"wtf","title":"WTF"},{"href":"#files","id":"files","title":"Files"},{"href":"#player","id":"player","title":"Player"},{"href":"#avatar","id":"avatar","title":"Avatar"},{"href":"#markdown","id":"markdown","title":"Markdown"},{"href":"#table","id":"table","title":"Table"},{"href":"#brands","id":"brands","title":"Brands"},{"href":"#welcome","id":"welcome","title":"Welcome"}]}]}]]