var d=Object.defineProperty,g=Object.defineProperties;var m=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var l=(e,o,i)=>o in e?d(e,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[o]=i,t=(e,o)=>{for(var i in o||(o={}))c.call(o,i)&&l(e,i,o[i]);if(r)for(var i of r(o))n.call(o,i)&&l(e,i,o[i]);return e},s=(e,o)=>g(e,m(o));var p=(e,o)=>{var i={};for(var a in e)c.call(e,a)&&o.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&r)for(var a of r(e))o.indexOf(a)<0&&n.call(e,a)&&(i[a]=e[a]);return i};const layoutProps={},MDXLayout="wrapper";function MDXContent(i){var a=i,{components:e}=a,o=p(a,["components"]);return mdx(MDXLayout,s(t(t({},layoutProps),o),{components:e,mdxType:"MDXLayout"}),mdx("pre",null,mdx("code",t({parentName:"pre"},{className:"language-tsx"}),`import { AssetRegistry, Box, IconCalendar, IconDownload, IconLinkedin, IconMail, IconUtilityCopy, IconUtilitySearch, IconX, PictogramBrain, } from '@parametrig/ui' `)),mdx("pre",null,mdx("code",t({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),`, }, { name: 'calendar', category: 'Utility icon', description: 'Calendar affordance used by console time range controls.', preview: , }, { name: 'download', category: 'Utility icon', description: 'Download/export action variant.', preview: , }, { name: 'utility-search', category: 'Utility icon', description: 'Search field and command palette variant.', preview: , }, { name: 'linkedin', category: 'Social icon', description: 'LinkedIn social glyph.', preview: , }, { name: 'mail', category: 'Social icon', description: 'Email and contact glyph.', preview: , }, { name: 'x', category: 'Social icon', description: 'X social glyph from the utility icon library.', preview: , }, ]} /> `)),mdx("h2",null,"Pictogram preview sizing"),mdx("p",null,`Pictograms and illustrations need larger preview areas than utility icons so their strokes do not clip.`),mdx("pre",null,mdx("code",t({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),`, }, ]} /> `)),mdx("h2",null,"Provisional Mark"),mdx("pre",null,mdx("code",t({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` ), }, ]} /> `)))}MDXContent.isMDXComponent=!0;

Pictogram preview sizing#

Provisional Mark#

Pictogram preview sizing
#

Provisional Mark
#