[{"_1":2,"_334":-5,"_335":-5},"loaderData",{"_3":4,"_42":-7,"_43":44,"_207":208},"root",{"_5":6,"_7":8,"_29":30},"lang","en","menu",[9,14,17,20,23,26],{"_10":11,"_12":13},"name","navigation.fundamentals","href","/en/fundamentals",{"_10":15,"_12":16},"navigation.best-practices","/en/best-practices",{"_10":18,"_12":19},"navigation.patterns","/en/patterns",{"_10":21,"_12":22},"navigation.blog","/en/blog",{"_10":24,"_12":25},"navigation.components","/en/components",{"_10":27,"_12":28},"navigation.theme-builder","https://theme.designsystemet.no/en","centerLinks",[31,36,39],{"_32":33,"_34":35},"text","footer.about","url","en/fundamentals/introduction/about-the-design-system",{"_32":37,"_34":38},"footer.privacy","en/fundamentals/privacy-policy",{"_32":40,"_34":41},"footer.accessibility","https://uustatus.no/nb/erklaringer/publisert/faeb324d-9b3f-40b0-b715-92cac356a916","layouts/root/layout","layouts/components/layout",{"_5":6,"_45":46,"_204":205},"cats",{"_47":48,"_63":64,"_170":171,"_184":185},"getStarted",[49,55,59],{"_50":51,"_34":52,"_53":54},"title","Changelog","/en/components/changelog","order",1,{"_50":56,"_34":57,"_53":58},"React","/en/components/get-started/react",40,{"_50":60,"_34":61,"_53":62},"CSS","/en/components/get-started/css",50,"components",[65,68,71,74,77,80,83,86,89,92,95,98,101,104,107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152,155,158,161,164,167],{"_50":66,"_34":67},"Alert","/en/components/docs/alert",{"_50":69,"_34":70},"Avatar","/en/components/docs/avatar",{"_50":72,"_34":73},"Badge","/en/components/docs/badge",{"_50":75,"_34":76},"Breadcrumbs","/en/components/docs/breadcrumbs",{"_50":78,"_34":79},"Button","/en/components/docs/button",{"_50":81,"_34":82},"Card","/en/components/docs/card",{"_50":84,"_34":85},"Checkbox","/en/components/docs/checkbox",{"_50":87,"_34":88},"Chip","/en/components/docs/chip",{"_50":90,"_34":91},"Details","/en/components/docs/details",{"_50":93,"_34":94},"Dialog","/en/components/docs/dialog",{"_50":96,"_34":97},"Divider","/en/components/docs/divider",{"_50":99,"_34":100},"Dropdown","/en/components/docs/dropdown",{"_50":102,"_34":103},"ErrorSummary","/en/components/docs/error-summary",{"_50":105,"_34":106},"Field","/en/components/docs/field",{"_50":108,"_34":109},"Fieldset","/en/components/docs/fieldset",{"_50":111,"_34":112},"Input","/en/components/docs/input",{"_50":114,"_34":115},"Link","/en/components/docs/link",{"_50":117,"_34":118},"List","/en/components/docs/list",{"_50":120,"_34":121},"Pagination","/en/components/docs/pagination",{"_50":123,"_34":124},"Popover","/en/components/docs/popover",{"_50":126,"_34":127},"Radio","/en/components/docs/radio",{"_50":129,"_34":130},"Search","/en/components/docs/search",{"_50":132,"_34":133},"Select","/en/components/docs/select",{"_50":135,"_34":136},"Skeleton","/en/components/docs/skeleton",{"_50":138,"_34":139},"SkipLink","/en/components/docs/skip-link",{"_50":141,"_34":142},"Spinner","/en/components/docs/spinner",{"_50":144,"_34":145},"Suggestion","/en/components/docs/suggestion",{"_50":147,"_34":148},"Switch","/en/components/docs/switch",{"_50":150,"_34":151},"Table","/en/components/docs/table",{"_50":153,"_34":154},"Tabs","/en/components/docs/tabs",{"_50":156,"_34":157},"Tag","/en/components/docs/tag",{"_50":159,"_34":160},"Textarea","/en/components/docs/textarea",{"_50":162,"_34":163},"Textfield","/en/components/docs/textfield",{"_50":165,"_34":166},"ToggleGroup","/en/components/docs/toggle-group",{"_50":168,"_34":169},"Tooltip","/en/components/docs/tooltip","typography",[172,175,178,181],{"_50":173,"_34":174},"Heading","/en/components/docs/heading",{"_50":176,"_34":177},"Label","/en/components/docs/label",{"_50":179,"_34":180},"Paragraph","/en/components/docs/paragraph",{"_50":182,"_34":183},"ValidationMessage","/en/components/docs/validation-message","utilities",[186,190,194,198,201],{"_50":187,"_34":188,"_53":189},"RovingFocus","/en/components/utilities/roving-focus",10,{"_50":191,"_34":192,"_53":193},"useCheckboxGroup","/en/components/utilities/use-checkbox-group",20,{"_50":195,"_34":196,"_53":197},"useRadioGroup","/en/components/utilities/use-radio-group",30,{"_50":199,"_34":200,"_53":58},"usePagination","/en/components/utilities/use-pagination",{"_50":202,"_34":203,"_53":62},"useSynchronizedAnimation","/en/components/utilities/use-synchronized-animation","sidebarSuffix",{"_63":206,"_170":206},"/accessibility","components-page",{"_209":210,"_211":212,"_225":226,"_227":228,"_229":230,"_235":236,"_263":264,"_265":266,"_267":268,"_271":272,"_273":274,"_324":325,"_332":333},"component","paragraph","stories",[213,219,222],{"_10":214,"_215":216,"_217":218},"Preview","code","const Preview = () => {\n return (\n \n Personvernerklæringen gir informasjon om hvilke personopplysninger vi\n behandler, hvordan disse blir behandlet og hvilke rettigheter du har.\n \n );\n};","file","paragraph.stories.tsx",{"_10":220,"_215":221,"_217":218},"PreviewEn","const PreviewEn = () => {\n return (\n \n The privacy statement provides information about what personal data we\n process, how this data is processed, and what rights you have.\n \n );\n};",{"_10":223,"_215":224,"_217":218},"Sizes","const Sizes = () => {\n return (\n <>\n This is an xl paragraph\n This is a lg paragraph\n This is a md paragraph\n This is a sm paragraph\n This is an xs paragraph\n \n );\n};","dodont",[],"mdxCode","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var g=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),y=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},c=(t,e,o,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of l(e))!x.call(t,r)&&r!==o&&s(t,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return t};var _=(t,e,o)=>(o=t!=null?p(f(t)):{},c(e||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),b=t=>c(s({},\"__esModule\",{value:!0}),t);var d=g((v,a)=>{a.exports=_jsx_runtime});var k={};y(k,{default:()=>m,frontmatter:()=>j});var n=_(d()),j=void 0;function u(t){let e={a:\"a\",p:\"p\",...t.components},{Alert:o}=e;return o||w(\"Alert\",!0),(0,n.jsx)(o,{\"data-color\":\"info\",children:(0,n.jsxs)(e.p,{children:[\"We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on \",(0,n.jsx)(e.a,{href:\"https://github.com/digdir/designsystemet/issues/new?template=1bug_report.yml\",children:\"Github\"}),\" or \",(0,n.jsx)(e.a,{href:\"https://designsystemet.no/slack\",children:\"Slack\"}),\".\"]})})}function m(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(u,{...t})}):u(t)}function w(t,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+t+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return b(k);})();\n;return Component;","metadata",{"_50":179,"_231":232,"_233":234},"subtitle","var Component=(()=>{var x=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var h=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),j=(n,t)=>{for(var e in t)r(n,e,{get:t[e],enumerable:!0})},i=(n,t,e,s)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let c of m(t))!_.call(n,c)&&c!==e&&r(n,c,{get:()=>t[c],enumerable:!(s=l(t,c))||s.enumerable});return n};var y=(n,t,e)=>(e=n!=null?x(f(n)):{},i(t||!n||!n.__esModule?r(e,\"default\",{value:n,enumerable:!0}):e,n)),M=n=>i(r({},\"__esModule\",{value:!0}),n);var d=h((g,a)=>{a.exports=_jsx_runtime});var D={};j(D,{default:()=>u,frontmatter:()=>C});var o=y(d()),C=void 0;function p(n){let t={code:\"code\",p:\"p\",...n.components};return(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.code,{children:\"Paragraph\"}),\" is used for continuous text and is typically applied in articles, components, help text, and similar content.\"]})}function u(n={}){let{wrapper:t}=n.components||{};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(p,{...n})}):p(n)}return M(D);})();\n;return Component;","image","Paragraph.svg","linkMetadata",[237,239,243,247,249,251,254,256,258,261],{"_50":238},"Paragraph - Designsystemet",{"_10":240,"_241":242},"description","content","`Paragraph` is used for continuous text and is typically applied in articles, components, help text, and similar content.",{"_244":245,"_241":246},"property","og:image","/img/designsystemet-meta.png",{"_244":248,"_241":179},"og:title",{"_244":250,"_241":242},"og:description",{"_244":252,"_241":253},"og:url","https://designsystemet.no",{"_244":255,"_241":179},"twitter:title",{"_244":257,"_241":242},"twitter:description",{"_244":259,"_241":260},"twitter:card","summary_large_image",{"_244":262,"_241":246},"twitter:image","cssSource",":where(.ds-paragraph){margin-block:0}.ds-paragraph[data-size=xs]{font-size:var(--ds-body-xs-font-size);font-weight:var(--ds-body-xs-font-weight);letter-spacing:var(--ds-body-xs-letter-spacing);line-height:var(--ds-body-xs-line-height)}.ds-paragraph[data-size=sm]{font-size:var(--ds-body-sm-font-size);font-weight:var(--ds-body-sm-font-weight);letter-spacing:var(--ds-body-sm-letter-spacing);line-height:var(--ds-body-sm-line-height)}.ds-paragraph[data-size=md]{font-size:var(--ds-body-md-font-size);font-weight:var(--ds-body-md-font-weight);letter-spacing:var(--ds-body-md-letter-spacing);line-height:var(--ds-body-md-line-height)}.ds-paragraph[data-size=lg]{font-size:var(--ds-body-lg-font-size);font-weight:var(--ds-body-lg-font-weight);letter-spacing:var(--ds-body-lg-letter-spacing);line-height:var(--ds-body-lg-line-height)}.ds-paragraph[data-size=xl]{font-size:var(--ds-body-xl-font-size);font-weight:var(--ds-body-xl-font-weight);letter-spacing:var(--ds-body-xl-letter-spacing);line-height:var(--ds-body-xl-line-height)}.ds-paragraph[data-variant=long]{line-height:var(--ds-line-height-lg)}.ds-paragraph[data-variant=short]{line-height:var(--ds-line-height-sm)}","cssVars",{},"cssAttrs",{"_269":270},"variant","long, short","toc",[],"componentDocs",[275],{"_276":277,"_280":281,"_240":282,"_283":179,"_284":285,"_286":287},"tags",{"_278":279},"example","Paragraph","filePath","/usr/src/app/packages/react/src/components/paragraph/paragraph.tsx","Use `Paragraph` to display text with paragraph text styles.\nRenders a native `p` element.","displayName","methods",[],"props",{"_269":288,"_315":316},{"_289":290,"_240":293,"_10":269,"_294":-7,"_295":296,"_301":302,"_303":304},"defaultValue",{"_291":292},"value","default","Adjusts styling for paragraph length","parent","declarations",[297],{"_298":299,"_10":300},"fileName","app/packages/react/src/components/paragraph/paragraph.tsx","TypeLiteral","required",false,"type",{"_10":305,"_306":307,"_291":308},"enum","raw","\"long\" | \"default\" | \"short\"",[309,311,313],{"_291":310},"\"long\"",{"_291":312},"\"default\"",{"_291":314},"\"short\"","asChild",{"_289":317,"_240":319,"_10":315,"_294":-7,"_295":320,"_301":302,"_303":322},{"_291":318},"false","Change the default rendered element for the one passed as a child, merging their props and behavior.",[321],{"_298":299,"_10":300},{"_10":323},"boolean","navigation",{"_326":327,"_328":329,"_330":331},"overviewLink","/en/components/docs/paragraph/overview","codeLink","/en/components/docs/paragraph/code","accessibilityLink","/en/components/docs/paragraph/accessibility","githubLink","https://github.com/digdir/designsystemet/tree/main/apps/www/app/content/components/paragraph/en/accessibility.mdx","actionData","errors"]