@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/components/Messages/utils/messagesReducer.js

@@ -10,102 +10,91 @@ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { v4 as uuid } from 'uuid';
+
 /**
 * A set of message util functions.
 */
-
 export var messagesActions = {
   ADD_MESSAGE: 'ADD_MESSAGE',
   HIDE_MESSAGE: 'HIDE_MESSAGE',
   REMOVE_MESSAGE: 'REMOVE_MESSAGE',
   CLEAR_MESSAGES: 'CLEAR_MESSAGES'
 };
+
 /**
  * Create an action to add a message
  * The message object to be added
  */
-
 export var addMessage = function addMessage(message) {
   return {
     type: messagesActions.ADD_MESSAGE,
     message: message
   };
 };
+
 /**
  * Create an action to hide a message by key
  */
-
 export var hideMessage = function hideMessage(key) {
   return {
     type: messagesActions.HIDE_MESSAGE,
     key: key
   };
 };
+
 /**
  * Create an action to remove a message by key
  */
-
 export var removeMessage = function removeMessage(key) {
   return {
     type: messagesActions.REMOVE_MESSAGE,
     key: key
   };
 };
+
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-
 export var showMessage = function showMessage(messageArg) {
   var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
   return function (dispatch) {
     var message = _objectSpread({
       key: uuid()
     }, messageArg);
-
     dispatch(addMessage(message));
-
     if (timeout >= 0) {
       _setTimeout(function () {
         dispatch(hideMessage(message.key));
-
         _setTimeout(function () {
           dispatch(removeMessage(message.key));
         }, 200);
       }, timeout);
     }
-
     return message;
   };
 };
-/** Create an action to clear all messages */
 
+/** Create an action to clear all messages */
 export var clearMessages = function clearMessages() {
   return {
     type: messagesActions.CLEAR_MESSAGES
   };
 };
-/** Reducer to store a list of messages */
 
+/** Reducer to store a list of messages */
 var messagesReducer = function messagesReducer() {
   var _context;
-
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      type = _ref.type,
-      message = _ref.message,
-      key = _ref.key;
-
+    type = _ref.type,
+    message = _ref.message,
+    key = _ref.key;
   switch (type) {
     case messagesActions.ADD_MESSAGE:
       return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, message)]);
-
     case messagesActions.HIDE_MESSAGE:
       return _mapInstanceProperty(state).call(state, function (search) {
         if (search.key === key) {
@@ -113,23 +102,18 @@ var messagesReducer = function messagesReducer() {
             isHidden: true
           });
         }
-
         return search;
       });
-
     case messagesActions.REMOVE_MESSAGE:
       return _filterInstanceProperty(state).call(state, function (search) {
         return key !== search.key;
       });
-
     case messagesActions.CLEAR_MESSAGES:
       return [];
-
     default:
       return state;
   }
 };
-
 messagesReducer.actions = {
   addMessage: addMessage,
   hideMessage: hideMessage,

package/lib/components/Messages/utils/multiMessagesReducer.js

@@ -10,13 +10,10 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["container"];
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { v4 as uuid } from 'uuid';
-import messagesReducer, { addMessage as addMessageSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle, clearMessages as clearMessagesSingle } from './messagesReducer';
+import messagesReducer, { addMessage as addMessageSingle, clearMessages as clearMessagesSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle } from './messagesReducer';
 export var withContainer = function withContainer(container, action) {
   return _objectSpread({
     container: container
@@ -27,67 +24,58 @@ export var createMultiple = function createMultiple(actionCreator) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     return withContainer(container, actionCreator.apply(void 0, args));
   };
 };
+
 /**
  * Create an action to add a message
  */
-
 export var addMessage = createMultiple(addMessageSingle);
+
 /**
  * Create an action to hide a message by key
  */
-
 export var hideMessage = createMultiple(hideMessageSingle);
+
 /**
  * Create an action to remove a message
  */
-
 export var removeMessage = createMultiple(removeMessageSingle);
+
 /**
  * Create an action to clear all messages
  */
-
 export var clearMessages = createMultiple(clearMessagesSingle);
+
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-
 export var showMessage = function showMessage(container, messageArg) {
   var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   return function (dispatch) {
     var message = _objectSpread({
       key: uuid()
     }, messageArg);
-
     dispatch(addMessage(container, message));
-
     if (timeout >= 0) {
       _setTimeout(function () {
         dispatch(hideMessage(container, message.key));
-
         _setTimeout(function () {
           dispatch(removeMessage(container, message.key));
         }, 200);
       }, timeout);
     }
-
     return message;
   };
 };
-
 var multiMessagesReducer = function multiMessagesReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      container = _ref.container,
-      action = _objectWithoutProperties(_ref, _excluded);
-
+    container = _ref.container,
+    action = _objectWithoutProperties(_ref, _excluded);
   return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
 };
-
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,
   addMessage: addMessage,

package/lib/components/Messages/utils/tests/messagesReducer.test.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer } from 'react';
 import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../messagesReducer';
 import { render, screen } from '../../../../utils/testUtils/testWrapper';
+import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../messagesReducer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-messages';
 var messages = [{
@@ -16,13 +16,11 @@ var messages = [{
   text: 'tres',
   key: 3
 }];
-
 var TestComponent = function TestComponent() {
   var _useReducer = useReducer(messagesReducer, []),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   useEffect(function () {
     showMessage({
       text: 'uno',
@@ -33,19 +31,17 @@ var TestComponent = function TestComponent() {
     "data-testid": testId
   }, _mapInstanceProperty(state).call(state, function (_ref) {
     var key = _ref.key,
-        text = _ref.text;
+      text = _ref.text;
     return ___EmotionJSX("div", {
       key: key
     }, text);
   }));
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
   return renderFn(___EmotionJSX(TestComponent, props));
 };
-
 test('should create an empty state', function () {
   var state = messagesReducer();
   expect(state.length).toBe(0);

package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer } from 'react';
 import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
 import { render, screen } from '../../../../utils/testUtils/testWrapper';
+import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-messages';
 var messages = [{
@@ -16,17 +16,14 @@ var messages = [{
   text: 'tres',
   key: 3
 }];
-
 var TestComponent = function TestComponent() {
   var _context;
-
   var _useReducer = useReducer(messagesReducer, {
-    container: []
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      container: []
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   useEffect(function () {
     showMessage('container', {
       text: 'uno',
@@ -37,19 +34,17 @@ var TestComponent = function TestComponent() {
     "data-testid": testId
   }, _mapInstanceProperty(_context = state.container).call(_context, function (_ref) {
     var key = _ref.key,
-        text = _ref.text;
+      text = _ref.text;
     return ___EmotionJSX("div", {
       key: key
     }, text);
   }));
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
   return renderFn(___EmotionJSX(TestComponent, props));
 };
-
 test('should add a new message', function () {
   var state = messagesReducer({
     'container-one': messages

package/lib/components/Modal/Modal.js

@@ -10,48 +10,41 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "closeButton", "hasAutoFocus", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
-import { useOverlay, usePreventScroll, useModal, OverlayContainer } from '@react-aria/overlays';
-import { useDialog } from '@react-aria/dialog';
-import { FocusScope } from '@react-aria/focus';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { FocusScope, OverlayContainer, useDialog, useModal, useOverlay, usePreventScroll } from 'react-aria';
 import CloseIcon from 'mdi-react/CloseIcon';
+import PropTypes from 'prop-types';
 import Box from '../Box';
-import IconButton from '../IconButton';
 import Icon from '../Icon';
+import IconButton from '../IconButton';
 import Text from '../Text';
-import { useStatusClasses, useDeprecationWarning } from '../../hooks';
+
 /**
   * Modals are overlays that interrupt a user’s workflow to convey an important message.
   * The component must be wrapped in an OverlayProvider, and the first child should be a trigger,
   * such as Button.
 */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      closeButton = props.closeButton,
-      hasAutoFocus = props.hasAutoFocus,
-      hasCloseButton = props.hasCloseButton,
-      id = props.id,
-      isClosedOnBlur = props.isClosedOnBlur,
-      isDismissable = props.isDismissable,
-      isKeyboardDismissDisabled = props.isKeyboardDismissDisabled,
-      isOpen = props.isOpen,
-      role = props.role,
-      title = props.title,
-      onClose = props.onClose,
-      shouldCloseOnInteractOutside = props.shouldCloseOnInteractOutside,
-      children = props.children,
-      propsContentProps = props.contentProps,
-      containerProps = props.containerProps,
-      others = _objectWithoutProperties(props, _excluded);
-
+    closeButton = props.closeButton,
+    hasAutoFocus = props.hasAutoFocus,
+    hasCloseButton = props.hasCloseButton,
+    id = props.id,
+    isClosedOnBlur = props.isClosedOnBlur,
+    isDismissable = props.isDismissable,
+    isKeyboardDismissDisabled = props.isKeyboardDismissDisabled,
+    isOpen = props.isOpen,
+    role = props.role,
+    title = props.title,
+    onClose = props.onClose,
+    shouldCloseOnInteractOutside = props.shouldCloseOnInteractOutside,
+    children = props.children,
+    propsContentProps = props.contentProps,
+    containerProps = props.containerProps,
+    others = _objectWithoutProperties(props, _excluded);
   var contentProps = _objectSpread({
     id: id,
     shouldCloseOnBlur: isClosedOnBlur,
@@ -64,40 +57,27 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
     shouldCloseOnInteractOutside: shouldCloseOnInteractOutside,
     children: children
   }, propsContentProps);
-
   var modalRef = useRef();
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return modalRef.current;
-  }); // Handle interacting outside the dialog and pressing
+  });
+  // Handle interacting outside the dialog and pressing
   // the Escape key to close the modal.
-
   var _useOverlay = useOverlay(contentProps, modalRef),
-      overlayProps = _useOverlay.overlayProps; // Prevent scrolling while the modal is open, and hide content
-  // outside the modal from screen readers.
-
+    overlayProps = _useOverlay.overlayProps;
 
+  // Prevent scrolling while the modal is open, and hide content
+  // outside the modal from screen readers.
   usePreventScroll();
-
   var _useModal = useModal(),
-      modalProps = _useModal.modalProps; // Get props for the dialog and its title
-
+    modalProps = _useModal.modalProps;
 
+  // Get props for the dialog and its title
   var _useDialog = useDialog(contentProps, modalRef),
-      dialogProps = _useDialog.dialogProps,
-      titleProps = _useDialog.titleProps;
-
-  var _useStatusClasses = useStatusClasses(className, {
-    isDarkMode: others.variant === 'modal.dark'
-  }),
-      classNames = _useStatusClasses.classNames;
-
-  useDeprecationWarning('The "dark" variant for Modal will be deprecated in Astro-UI 2.0.0.', {
-    isActive: others.variant === 'modal.dark'
-  });
+    dialogProps = _useDialog.dialogProps,
+    titleProps = _useDialog.titleProps;
   return ___EmotionJSX(OverlayContainer, null, ___EmotionJSX(Box, _extends({
-    className: classNames,
     variant: "modal.container"
   }, others, containerProps), ___EmotionJSX(FocusScope, {
     contain: true,
@@ -116,48 +96,37 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
     onPress: onClose
   }, ___EmotionJSX(Icon, {
     icon: CloseIcon
-  }))), title && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, _extends({}, titleProps, {
+  }))), title && ___EmotionJSX(Text, _extends({}, titleProps, {
     variant: "variants.modal.title"
-  }), title)), children))));
+  }), title), children))));
 });
 Modal.propTypes = {
   /** Used in tandem with `hasCloseButton` to customize how the close button is rendered. */
   closeButton: PropTypes.node,
-
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: PropTypes.string,
-
   /** Whether to auto focus the first focusable element in the focus scope on mount. */
   hasAutoFocus: PropTypes.bool,
-
   /** Whether the modal has a visible close button. */
   hasCloseButton: PropTypes.bool,
-
   /** Whether the overlay should close when focus is lost or moves outside it. */
   isClosedOnBlur: PropTypes.bool,
-
   /** Whether to close the overlay when the user interacts outside it. */
   isDismissable: PropTypes.bool,
-
   /** Whether pressing the escape key to close the overlay should be disabled. */
   isKeyboardDismissDisabled: PropTypes.bool,
-
   /** Whether the overlay is currently open. */
   isOpen: PropTypes.bool,
-
   /** The accessibility role for the dialog. */
   role: PropTypes.oneOf(['dialog', 'alertdialog']),
-
   /** The title for the modal. */
   title: PropTypes.node,
-
   /**
    * Handler that is called when the overlay should close.
    *
    * `() => void`
    */
   onClose: PropTypes.func,
-
   /**
    * When a user interacts with the argument element outside of the overlay ref, return true if
    * onClose should be called. This gives you a chance to filter out interaction with elements that
@@ -167,25 +136,19 @@ Modal.propTypes = {
    * `(element: HTMLElement) => boolean`
    */
   shouldCloseOnInteractOutside: PropTypes.func,
-
   /** Defines a string value that labels the current element. */
   'aria-label': PropTypes.string,
-
   /** Identifies the element (or elements) that labels the current element. */
   'aria-labelledby': PropTypes.string,
-
   /** Identifies the element (or elements) that describes the object. */
   'aria-describedby': PropTypes.string,
-
   /**
    * Identifies the element (or elements) that provide a detailed, extended description for the
    * object.
    */
   'aria-details': PropTypes.string,
-
   /** Props object spread directly into the modal content Box. */
   contentProps: PropTypes.shape({}),
-
   /** Props object spread directly into the modal container Box. */
   containerProps: PropTypes.shape({})
 };

package/lib/components/Modal/Modal.stories.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { useModalState } from '../../hooks';
-import { OverlayProvider, Box, Button, Text, Modal } from '../../index';
+import { Box, Button, Modal, OverlayProvider, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Modal',
@@ -69,7 +69,8 @@ export default {
 };
 export var Default = function Default(args) {
   var state = useModalState();
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Button, {
       onPress: state.open,

package/lib/{styles/variants/modal.js → components/Modal/Modal.styles.js}

@@ -7,12 +7,9 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { text } from '../variants/text';
+import { text } from '../Text/Text.styles';
 var closeIcon = {
   color: 'neutral.40'
 };
@@ -39,27 +36,21 @@ var content = {
   pl: 'lg',
   maxWidth: '400px',
   boxShadow: 'standard',
-  borderRadius: 3,
-  '.is-dark-mode &': {
-    color: 'white',
-    bg: 'accent.5'
-  }
+  borderRadius: 3
 };
-
-var dark = _objectSpread({}, container);
-
 var title = _objectSpread(_objectSpread({}, text.title), {}, {
   mr: 'sm',
-  fontWeight: 3,
-  '.is-dark-mode &': {
-    color: 'white'
-  }
+  fontWeight: 3
 });
-
+export var modalCloseButton = {
+  position: 'absolute',
+  top: 14,
+  right: 10
+};
 export default {
   closeIcon: closeIcon,
   container: container,
   content: content,
-  dark: dark,
-  title: title
+  title: title,
+  modalCloseButton: modalCloseButton
 };