{"version":3,"file":"index.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","GRID","GAP","SMALL","MEDIUM","LARGE","GUTTER","PageWidth","exports","styled","div","props","$unsetMargin","BREAKPOINTS","$useMaxWidth","$maxWidth","Columns","section","$gap","$columns","$printColumns"],"sources":["../../src/Layouts/index.ts"],"sourcesContent":["import styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst GRID = {\r\n  GAP: {\r\n    SMALL: '16px',\r\n    MEDIUM: '24px',\r\n    LARGE: '32px',\r\n  },\r\n  GUTTER: {\r\n    SMALL: '16px 16px 32px',\r\n    MEDIUM: '24px 32px 64px',\r\n    LARGE: '32px 64px 128px',\r\n  },\r\n};\r\n\r\nexport const PageWidth = styled.div<{ $useMaxWidth?: boolean; $maxWidth?: number; $unsetMargin?: boolean; }>`\r\n  display: block;\r\n  margin: ${GRID.GUTTER.SMALL};\r\n  ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: ${GRID.GUTTER.MEDIUM};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: ${GRID.GUTTER.LARGE};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: ${(props) => (\r\n            props.$useMaxWidth\r\n                    ? (props.$maxWidth\r\n                            ? 'min(100% - 128px,' + props.$maxWidth + 'px)'\r\n                            : 'calc(100% - 128px)')\r\n                    : 'calc(1600px - 128px)')};\r\n\r\n    margin: 32px auto 128px;\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n`;\r\n\r\nexport const Columns = styled.section<{ $gap?: string; $columns?: string; $printColumns?: string }>`\r\n  width: 100%;\r\n  display: grid;\r\n  grid-gap: ${(props) => props.$gap || GRID.GAP.SMALL};\r\n  word-break: break-word; /* Prevent long words from breaking the layout – consider making this rule global */\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    grid-template-columns: ${(props) => props.$columns};\r\n    -ms-grid-columns: ${(props) => props.$columns};\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.MEDIUM};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.LARGE};\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n    display: -ms-grid;\r\n\r\n    > *:not(:first-child) {\r\n      margin-left: ${GRID.GAP.MEDIUM};\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    grid-gap: 0;\r\n    grid-template-columns: ${(props) => props.$printColumns || 'none'};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,IAAI,GAAG;EACXC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNH,KAAK,EAAE,gBAAgB;IACvBC,MAAM,EAAE,gBAAgB;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAEM,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAA4E;AAC5G;AACA,YAAYT,IAAI,CAACK,MAAM,CAACH,KAAK;AAC7B,IAAIQ,KAAK,IAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AACrE;AACA,IAAIC,mBAAW,CAACT,MAAM;AACtB,cAAcH,IAAI,CAACK,MAAM,CAACF,MAAM;AAChC,MAAMO,KAAK,IAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AACvE;AACA;AACA,IAAIC,mBAAW,CAACR,KAAK;AACrB,cAAcJ,IAAI,CAACK,MAAM,CAACD,KAAK;AAC/B,MAAMM,KAAK,IAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AACvE;AACA;AACA,IAAIC,mBAAW,CAACR,KAAK;AACrB,iBAAkBM,KAAK,IACXA,KAAK,CAACG,YAAY,GACPH,KAAK,CAACI,SAAS,GACR,mBAAmB,GAAGJ,KAAK,CAACI,SAAS,GAAG,KAAK,GAC7C,oBAAoB,GAC5B,sBAAuB;AAC7C;AACA;AACA,MAAMJ,KAAK,IAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AACvE;AACA,CAAC;AAEM,MAAMI,OAAO,GAAAR,OAAA,CAAAQ,OAAA,GAAGP,yBAAM,CAACQ,OAAqE;AACnG;AACA;AACA,cAAeN,KAAK,IAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACC,KAAK;AACrD;AACA;AACA,IAAIU,mBAAW,CAACT,MAAM;AACtB,6BAA8BO,KAAK,IAAKA,KAAK,CAACQ,QAAQ;AACtD,wBAAyBR,KAAK,IAAKA,KAAK,CAACQ,QAAQ;AACjD,gBAAiBR,KAAK,IAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACE,MAAM;AACxD;AACA;AACA,IAAIS,mBAAW,CAACR,KAAK;AACrB,gBAAiBM,KAAK,IAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACG,KAAK;AACvD;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqBJ,IAAI,CAACC,GAAG,CAACE,MAAM;AACpC;AACA;AACA;AACA;AACA;AACA,6BAA8BO,KAAK,IAAKA,KAAK,CAACS,aAAa,IAAI,MAAM;AACrE;AACA,CAAC","ignoreList":[]}