@spothero/ui 25.11.0 → 25.12.0

package/dist/index.esm.js

@@ -112,7 +112,7 @@ var header$1 = _ref => {
  * @param {boolean} isOpen - Whether or not the Modal is open
  * @param {React.ReactNode} children - The header text of the modal
  * @param {()=>void} [onClose] - Callback invoked to close the Modal. Not required, but strongly suggested.
- * @param {('sm'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
+ * @param {('sm'|'sm-md'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
  * @param {object} [contentStyling] - Style props to be passed into the modal content
  * @param {object} [overlayProps] - Props to be passed into the ModalOverlay component. See: https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/modal/src/modal-overlay.tsx
  * @param {boolean} [hasHeader] - Whether or not ModalHeader is a child. Will change the styling
@@ -153,7 +153,7 @@ Modal.propTypes = {
   /** Callback invoked to close the Modal. Not required, but strongly suggested. */
   onClose: PropTypes.func,
   /** The size of the modal. If unspecified, uses md styles. */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'sm-md', 'md', 'lg']),
   /** Whether or not to show the close button (optional) */
   hideCloseButton: PropTypes.bool,
   /** Objects containing css-in-js styling*/
@@ -177,7 +177,7 @@ const fadeOutAndSlideDown = keyframes(_templateObject6 || (_templateObject6 = _t
  * @param {boolean} isOpen - Whether or not the Modal is open
  * @param {React.ReactNode} children - The header text of the modal
  * @param {()=>void} [onClose] - Callback invoked to close the Modal. Not required, but strongly suggested.
- * @param {('sm'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
+ * @param {('sm'|'sm-md'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
  * @param {object} [contentStyling] - Style props to be passed into the modal content
  * @param {object} [overlayProps] - Props to be passed into the ModalOverlay component. See: https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/modal/src/modal-overlay.tsx
  * @param {boolean} [hasHeader] - Whether or not ModalHeader is a child. Will change the styling
@@ -246,7 +246,7 @@ AlwaysMountedModal.propTypes = {
   /** Callback invoked to close the Modal. Not required, but strongly suggested. */
   onClose: PropTypes.func,
   /** The size of the modal. If unspecified, uses md styles. */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'sm-md', 'md', 'lg']),
   /** Whether or not to show the close button (optional) */
   hideCloseButton: PropTypes.bool,
   /** Objects containing css-in-js styling*/
@@ -3705,7 +3705,13 @@ var body$1 = _ref => {
 var footer$1 = {
   borderTop: '1px',
   borderColor: 'gray.100',
-  padding: 4
+  padding: 4,
+  gap: 4,
+  justifyContent: 'flex-start',
+  flexDirection: {
+    base: 'column',
+    desktop: 'row-reverse'
+  }
 };
 
 const baseStyle$4 = props => ({
@@ -3726,6 +3732,13 @@ const sizes$3 = {
       minHeight: ['auto', 'auto', '32%', '32%', '24%']
     }
   },
+  'sm-md': {
+    dialog: {
+      maxHeight: ['100%', '100%', '65%', '65%', '65%'],
+      minWidth: ['100%', '100%', 96, 96, 96],
+      maxWidth: ['100%', '100%', '55%', '42%', '30%']
+    }
+  },
   md: {
     dialog: {
       maxWidth: ['100%', '100%', '84%', '60%', '48%'],