You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ThemedDialog.js 749B

12345678910111213141516171819202122232425
  1. import {
  2. Dialog,
  3. FillScreen,
  4. dialogWidth,
  5. dialogHeight,
  6. PositionerAbsolute,
  7. PositionerRelative
  8. } from '@atlaskit/modal-dialog/dist/es2019/styled/Modal.js';
  9. import { N0, DN50 } from '@atlaskit/theme/colors';
  10. import { themed } from '@atlaskit/theme/components';
  11. import React from 'react';
  12. const ThemedDialog = props => {
  13. const style = { backgroundColor: props.isChromeless ? 'transparent' : themed({ light: N0,
  14. dark: DN50 })({ theme: { mode: 'dark' } }) };
  15. return (<Dialog
  16. { ...props }
  17. aria-modal = { true }
  18. style = { style }
  19. theme = {{ mode: 'dark' }} />);
  20. };
  21. export { ThemedDialog as Dialog, FillScreen, dialogWidth, dialogHeight, PositionerAbsolute, PositionerRelative };