{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-TextBlock.92e7d76e.chunk.js","mappings":"6IAkBA,IAAMA,GAAoBC,EAAAA,EAAAA,IAAO,MAAO,CACtCC,EAAG,OACHC,EAAG,OACHC,GAAI,OACJC,gBAAiB,OACjBC,cAAe,UACf,kBAAmB,CACjB,gHACE,CACEA,cAAe,WAGrB,iBAAkB,CAChB,sCAAuC,CACrCA,cAAe,UAEjB,sCAAuC,CACrCA,cAAe,UAEjBF,GAAI,GAEN,4CAA6C,CAC3CG,IAAK,EACLL,EAAG,QACH,iBAAkB,CAChBM,GAAI,EACJC,KAAM,MACNC,MAAO,MACPC,SAAU,QACVC,SAAU,WACVC,WAAW,QACXC,YAAa,YAKnB,IA5CA,YAAgE,IAAD,IAA3CC,OAAAA,OAA2C,MAAlC,MAAkC,EAA3BC,EAA2B,EAA3BA,SAAUC,EAAiB,EAAjBA,IAC5C,OACE,SAACjB,EAAD,CAAmB,gBAAee,EAAQE,IAAKA,EAA/C,SACGD,M,oGCoBP,IAAME,GAAOjB,EAAAA,EAAAA,IAAO,MAAO,CACzBG,GAAI,OACJe,GAAI,EACJX,GAAI,EACJY,GAAI,EACJC,GAAI,GACJC,GAAI,OACJ,iBAAkB,CAChBF,GAAI,MAIR,UAnCA,YAEc,IAAD,IADXG,QAAWC,EACA,EADAA,QAASC,EACT,EADSA,SAAUV,EACnB,EADmBA,OAAQW,EAC3B,EAD2BA,WAEtC,OACE,SAAC,IAAD,CAAUX,OAAQA,EAAlB,UACE,UAACG,EAAD,YACE,SAAC,EAAAS,IAAD,mBACMC,EAAAA,EAAAA,IAAkBF,GAAc,YADtC,IAEEG,UAAQ,EACRZ,IAAK,CAAEa,GAAI,GAHb,SAKGN,MAEH,SAAC,KAAD,gBACEP,IAAK,CAAEc,MAAO,iBACVH,EAAAA,EAAAA,IAAkBF,GAAc,aAFtC,IAGEH,QAASE","sources":["Atoms/Grids/GridItem.tsx","Organisms/Blocks/TextBlock.tsx"],"sourcesContent":["import { CSS } from '@stitches/react';\r\nimport { ReactNode } from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n  layout?: string;\r\n  children: ReactNode;\r\n  css?: CSS;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children, css }: PropType) {\r\n  return (\r\n    <GridItemContainer data-gridsize={layout} css={css}>\r\n      {children}\r\n    </GridItemContainer>\r\n  );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n  w: '100%',\r\n  h: '100%',\r\n  mx: 'auto',\r\n  gridColumnStart: 'auto',\r\n  gridColumnEnd: 'span 12',\r\n  '@mediaMinMedium': {\r\n    '&:nth-child(n)[data-gridsize=\"1/2\"], &:nth-child(n)[data-gridsize=\"1/3\"], &:nth-child(n)[data-gridsize=\"1/4\"]':\r\n      {\r\n        gridColumnEnd: 'span 6',\r\n      },\r\n  },\r\n  '@mediaMinLarge': {\r\n    '&:nth-child(n)[data-gridsize=\"1/3\"]': {\r\n      gridColumnEnd: 'span 4',\r\n    },\r\n    '&:nth-child(n)[data-gridsize=\"1/4\"]': {\r\n      gridColumnEnd: 'span 3',\r\n    },\r\n    mx: 0,\r\n  },\r\n  '&:nth-child(n)[data-gridsize=\"FullWidth\"]': {\r\n    ml: -4,\r\n    w: '100vw',\r\n    '@mediaMinLarge': {\r\n      px: 0,\r\n      left: '50%',\r\n      right: '50%',\r\n      maxWidth: '100vw',\r\n      position: 'relative',\r\n      marginLeft: `-50vw`,\r\n      marginRight: '-50vw',\r\n    },\r\n  },\r\n});\r\n\r\nexport default GridItem;\r\n","import GridItem from 'Atoms/Grids/GridItem';\r\nimport { H2 } from 'Atoms/Typography/Headings/Heading';\r\nimport TextBlockModel from 'Models/Blocks/TextBlock/TextBlockModel.interface';\r\nimport XHtmlArea from 'Molecules/XHtmlArea/XHtmlArea';\r\nimport { applyEditModeAttr } from 'Shared/Common/Helpers';\r\nimport { styled } from 'stitches.config';\r\ntype PropType = {\r\n  content: TextBlockModel;\r\n};\r\n\r\nfunction TextBlock({\r\n  content: { heading, bodyText, layout, inEditMode },\r\n}: PropType) {\r\n  return (\r\n    <GridItem layout={layout}>\r\n      <Root>\r\n        <H2\r\n          {...applyEditModeAttr(inEditMode && 'Heading')}\r\n          noMargin\r\n          css={{ mb: 4 }}\r\n        >\r\n          {heading}\r\n        </H2>\r\n        <XHtmlArea\r\n          css={{ color: '$secondary4' }}\r\n          {...applyEditModeAttr(inEditMode && 'BodyText')}\r\n          content={bodyText}\r\n        />\r\n      </Root>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nconst Root = styled('div', {\r\n  mx: 'auto',\r\n  my: 0,\r\n  px: 0,\r\n  pt: 7,\r\n  pb: 16,\r\n  wh: '100%',\r\n  '@mediaMinLarge': {\r\n    pt: 16,\r\n  },\r\n});\r\n\r\nexport default TextBlock;\r\n"],"names":["GridItemContainer","styled","w","h","mx","gridColumnStart","gridColumnEnd","ml","px","left","right","maxWidth","position","marginLeft","marginRight","layout","children","css","Root","my","pt","pb","wh","content","heading","bodyText","inEditMode","H2","applyEditModeAttr","noMargin","mb","color"],"sourceRoot":""}