{"version":3,"sources":["webpack:///./src/pages/mt/patterns/review-input/develop.js"],"names":["props","code","site","data","slug","state","title","exclusive","category","class","text","href","className","to"],"mappings":"+FAAA,oEAMe,mBAAAA,GACb,IAAMC,EACG,ufADHA,EAYI,gYAZJA,EAoBM,ulBAUZ,OACE,oCACE,kBAAC,IAAD,CACEC,KAAMC,EAAKD,KACXE,KAAMD,EAAKC,KAAO,YAClBC,MAAM,UACNC,MAAOH,EAAKG,MACZC,WAAW,IAEb,kBAAC,IAAD,CACEC,SAAS,WACTN,KAAMC,EAAKD,KACXE,KAAMD,EAAKC,KAAO,YAClBC,MAAM,UACNC,MAAOH,EAAKG,OAEZ,yBAAKG,MAAM,SACT,0aASF,kBAAC,IAAD,cAEA,kBAAC,IAAD,CACEP,KAAMC,EAAKD,KACXI,MAAM,WACNI,KAAK,sGACLT,KAAMA,GAEN,yBAAKQ,MAAM,6BACT,yBAAKA,MAAM,yBAAX,SACA,uBAAGE,KAAK,KAAKF,MAAM,6BACjB,uBAAGA,MAAM,wDADX,gBAIA,uBAAGA,MAAM,kBAAT,eAEF,uBAAGA,MAAM,kCAAT,uEAKF,kBAAC,IAAD,CACEP,KAAMC,EAAKD,KACXI,MAAM,SACNI,KAAK,wOACLT,KAAMA,GAEN,yBAAKQ,MAAM,6BACT,yBAAKA,MAAM,yBAAX,SACA,uBAAGE,KAAK,KAAKF,MAAM,6BACjB,uBAAGA,MAAM,wDADX,gBAIA,yBAAKA,MAAM,0BACT,uBAAGA,MAAM,kBAAT,cACA,uBAAGE,KAAK,KAAKF,MAAM,iCAAnB,UAKJ,uBAAGA,MAAM,kCAAT,uEAKF,kBAAC,IAAD,CACEP,KAAMC,EAAKD,KACXI,MAAM,YACNI,KAAK,4IACLT,KAAMA,GAEN,yBAAKQ,MAAM,6BACT,yBAAKA,MAAM,yBAAX,SACA,uBAAGE,KAAK,KAAKF,MAAM,6BACjB,uBAAGA,MAAM,wDADX,gBAIA,uBAAGA,MAAM,6CAAT,2MAOF,uBAAGA,MAAM,kCAAT,uEAIF,6BACA,kBAAC,IAAD,2BACA,ybAQA,6BACA,kBAAC,IAAD,kBACA,oQAI2B,IACzB,kBAAC,OAAD,CAAMG,UAAU,OAAOC,GAAG,+BAA1B,SAEQ,IAPV,MAQM,IACJ,kBAAC,OAAD,CAAMD,UAAU,OAAOC,GAAG,gCAA1B,UATF,S","file":"component---src-pages-mt-patterns-review-input-develop-js-b2fd7327810f8bb27b78.js","sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport { Layout, Header, Showcase, SectionTitle } from '../../../../components'\n\nimport data from './data.json'\n\nexport default props => {\n const code = {\n secure: `
\n
Label
\n What's this?\n
\n

Submission

\n Show\n
\n
\n

\n Caption for more context.\n

`,\n default: `
\n
Label
\n What's this?\n

Submission

\n
\n

\n Caption for more context.\n

`,\n multiline: `
\n
Label
\n What's this?\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Euismod nisi porta lorem mollis. Neque volutpat ac tincidunt vitae semper.

\n
\n

\n Caption for more context.\n

`,\n }\n\n return (\n <>\n \n \n
\n

\n The review input pattern displays information that a user previously\n entered into one of various inputs. The information is not editable\n and provided for review only. The default elements are a label and a\n plain-text representation of the user submission. Use a caption\n outside of the container to communicate contextual information about\n the field or a link when it won't fit in the interface.\n

\n
\n Usage\n\n \n
\n
Label
\n \n \n What's this?\n \n

Submission

\n
\n

\n Caption for more context, e.g. \"You cannot edit this information\".\n

\n \n\n \n
\n
Label
\n \n \n What's this?\n \n
\n

Submission

\n \n Show\n \n
\n
\n

\n Caption for more context, e.g. \"You cannot edit this information\".\n

\n \n\n \n
\n
Label
\n \n \n What's this?\n \n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Euismod nisi porta lorem mollis. Neque volutpat ac tincidunt vitae\n semper.\n

\n
\n

\n Caption for more context, e.g. \"You cannot edit this information\".\n

\n \n
\n Design Environment\n

\n Avoid combining active and review fields on a single form, unless the\n review fields can be made active by toggling other options in the\n form. Review fields may appear with active buttons or button groups\n that allow the user to move forward in their task or go back to make\n changes. In addition to within the review container, links may also be\n included on the page for navigational purposes (e.g. Back to top).\n

\n
\n Microcopy\n

\n The toggle for the secure input will always include the eye open or\n closed icon and/or the \"Show\" and \"Hide\" link, and submitted content\n will appear exactly as it was entered in the input field. Follow the\n microcopy guidelines for{' '}\n \n links\n {' '}\n and{' '}\n \n labels\n \n .\n

\n \n \n )\n}\n"],"sourceRoot":""}