| 1 | {"version":3,"file":"ToggleButton.js","sources":["../src/components/DataView/ToggleButton.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport ButtonIcon from '../Button/ButtonIcon'\nimport { IconDown, IconUp } from '../../icons'\nimport { useTheme } from '../../theme'\nimport { RADIUS } from '../../style'\n\nfunction ToggleButton({ onClick, opened }) {\n const theme = useTheme()\n return (\n <ButtonIcon\n label={opened ? 'Close' : 'Open'}\n focusRingRadius={RADIUS}\n onClick={onClick}\n css={`\n display: flex;\n flex-direction: column;\n color: ${theme.surfaceContentSecondary};\n & > div {\n display: flex;\n transform-origin: 50% 50%;\n transition: transform 250ms ease-in-out;\n }\n `}\n >\n <div\n css={`\n transform: rotate3d(${opened ? 1 : 0}, 0, 0, 180deg);\n transform: rotate3d(0, 0, ${opened ? 1 : 0}, 180deg);\n `}\n >\n <IconUp size=\"small\" />\n </div>\n <div\n css={`\n transform: rotate3d(${opened ? -1 : 0}, 0, 0, 180deg);\n transform: rotate3d(0, 0, ${opened ? -1 : 0}, 180deg);\n `}\n >\n <IconDown size=\"small\" />\n </div>\n </ButtonIcon>\n )\n}\n\nToggleButton.propTypes = {\n onClick: PropTypes.func.isRequired,\n opened: PropTypes.bool.isRequired,\n}\n\nexport { ToggleButton }\n"],"names":["ToggleButton","onClick","opened","theme","useTheme","React","RADIUS","surfaceContentSecondary","IconUp","IconDown","propTypes","PropTypes","func","isRequired","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,YAAT,OAA2C;AAAA,MAAnBC,OAAmB,QAAnBA,OAAmB;AAAA,MAAVC,MAAU,QAAVA,MAAU;AACzC,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AACA,sBACEC;AACE,IAAA,KAAK,EAAEH,MAAM,GAAG,OAAH,GAAa,MAD5B;AAEE,IAAA,eAAe,EAAEI,gBAFnB;AAGE,IAAA,OAAO,EAAEL,OAHX;AAAA,UAOaE,KAAK,CAACI;AAPnB,kBAeEF;AAAA,WAE0BH,MAAM,GAAG,CAAH,GAAO,CAFvC;AAAA,WAGgCA,MAAM,GAAG,CAAH,GAAO;AAH7C,kBAMEG,6BAACG,cAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,IANF,CAfF,eAuBEH;AAAA,WAE0BH,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAFxC;AAAA,WAGgCA,MAAM,GAAG,CAAC,CAAJ,GAAQ;AAH9C,kBAMEG,6BAACI,gBAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IANF,CAvBF,CADF;AAkCD;;AAEDT,YAAY,CAACU,SAAb,GAAyB;AACvBT,EAAAA,OAAO,EAAEU,eAAS,CAACC,IAAV,CAAeC,UADD;AAEvBX,EAAAA,MAAM,EAAES,eAAS,CAACG,IAAV,CAAeD;AAFA,CAAzB;;;;"} |