| 1 | {"version":3,"file":"BackButton.js","sources":["../src/components/BackButton/BackButton.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useInside } from 'use-inside'\nimport { RADIUS, GU } from '../../style'\nimport { useTheme } from '../../theme'\nimport Bar from '../Bar/Bar'\nimport ButtonBase from '../ButtonBase/ButtonBase'\nimport { useLayout } from '../Layout/Layout'\nimport { IconArrowLeft } from '../../icons'\n\nfunction BackButton({ label, ...props }) {\n const theme = useTheme()\n const [insideBarPrimary] = useInside('Bar:primary')\n\n const { layoutName } = useLayout()\n const compact = layoutName === 'small'\n const horizontalPadding = (compact ? 2 : 3) * GU\n\n return (\n <ButtonBase\n focusRingRadius={RADIUS}\n focusRingSpacing={1}\n css={`\n display: inline-flex;\n align-items: center;\n border-radius: ${RADIUS}px 0 0 ${RADIUS}px;\n height: 100%;\n margin-left: ${insideBarPrimary ? -Bar.PADDING : 0}px;\n /* Adjust for icon's padding on the left */\n padding: 0 ${horizontalPadding}px 0 ${horizontalPadding - 4}px;\n border-right: 1px solid ${theme.border};\n color: ${theme.surfaceContent};\n background: ${theme.surfaceInteractive};\n &:active {\n background: ${theme.surfaceHighlight};\n }\n `}\n {...props}\n >\n <span\n css={`\n position: relative;\n top: 2px;\n color: ${theme.accent};\n `}\n >\n <IconArrowLeft />\n </span>\n <span\n css={`\n padding-left: ${1 * GU}px;\n font-size: 16px;\n font-weight: 600;\n `}\n >\n {label}\n </span>\n </ButtonBase>\n )\n}\n\nBackButton.propTypes = {\n label: PropTypes.string,\n}\n\nBackButton.defaultProps = {\n label: 'Back',\n}\n\nexport default BackButton\n"],"names":["RADIUS","BackButton","label","props","theme","useTheme","useInside","insideBarPrimary","useLayout","layoutName","compact","horizontalPadding","GU","React","Bar","PADDING","border","surfaceContent","surfaceInteractive","surfaceHighlight","accent","IconArrowLeft","propTypes","PropTypes","string","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0NAyByBA,kBAAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAfzC,SAASC,UAAT,OAAyC;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;AAAA,MAATC,KAAS;;AACvC,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;;AADuC,mBAEZC,SAAS,CAAC,aAAD,CAFG;AAAA;AAAA,MAEhCC,gBAFgC;;AAAA,mBAIhBC,gBAAS,EAJO;AAAA,MAI/BC,UAJ+B,cAI/BA,UAJ+B;;AAKvC,MAAMC,OAAO,GAAGD,UAAU,KAAK,OAA/B;AACA,MAAME,iBAAiB,GAAG,CAACD,OAAO,GAAG,CAAH,GAAO,CAAf,IAAoBE,YAA9C;AAEA,sBACEC;AACE,IAAA,eAAe,EAAEb,gBADnB;AAEE,IAAA,gBAAgB,EAAE;AAFpB,KAkBMG,KAlBN;AAAA,UAQmBI,gBAAgB,GAAG,CAACO,WAAG,CAACC,OAAR,GAAkB,CARrD;AAAA,WAUiBJ,iBAVjB;AAAA,WAU0CA,iBAAiB,GAAG,CAV9D;AAAA,WAW8BP,KAAK,CAACY,MAXpC;AAAA,WAYaZ,KAAK,CAACa,cAZnB;AAAA,WAakBb,KAAK,CAACc,kBAbxB;AAAA,WAeoBd,KAAK,CAACe;AAf1B,mBAoBEN;AAAA,WAIaT,KAAK,CAACgB;AAJnB,kBAOEP,6BAACQ,qBAAD,OAPF,CApBF,eA6BER;AAAA,WAEoB,IAAID;AAFxB,KAOGV,KAPH,CA7BF,CADF;AAyCD;;AAEDD,UAAU,CAACqB,SAAX,GAAuB;AACrBpB,EAAAA,KAAK,EAAEqB,eAAS,CAACC;AADI,CAAvB;AAIAvB,UAAU,CAACwB,YAAX,GAA0B;AACxBvB,EAAAA,KAAK,EAAE;AADiB,CAA1B;;;;"} |