cozy-sharing 33.3.2 → 33.3.4

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [33.3.4](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.3.3...cozy-sharing@33.3.4) (2026-06-11)
+
+### Bug Fixes
+
+- Remove strange custom color on share by me button ([712a261](https://github.com/cozy/cozy-libs/commit/712a2610eb572e00c9934745a978fd562154140a))
+
+## [33.3.3](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.3.2...cozy-sharing@33.3.3) (2026-06-11)
+
+### Bug Fixes
+
+- **cozy-sharing:** Scroll members list in federated share dialogs ([a3b8a64](https://github.com/cozy/cozy-libs/commit/a3b8a6460efa0b6228cdbf825eca7b950300b2f9))
+
 ## [33.3.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.3.1...cozy-sharing@33.3.2) (2026-06-11)
 
 ### Bug Fixes

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -26,6 +26,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",
@@ -221,10 +224,12 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
     },
     componentsProps: {
       dialogContent: {
-        className: 'u-ov-visible'
+        className: styles['share-dialog-scrollable-content']
       }
     },
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    content: /*#__PURE__*/React.createElement("div", {
+      className: styles['share-dialog-scrollable-body']
+    }, /*#__PURE__*/React.createElement("div", {
       className: "u-ph-2"
     }, /*#__PURE__*/React.createElement(AntivirusAlert, {
       document: isSending ? frozenDoc : existingDocument
@@ -250,7 +255,7 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
       recipients: isSending ? frozenRecipients : existingRecipients,
       document: isSending ? frozenDoc : existingDocument,
       documentType: "Files",
-      className: "u-w-100",
+      className: styles['share-dialog-members'],
       onRevoke: revoke,
       link: displayedLink
     })),

package/dist/components/Recipient/RecipientConfirm.js

@@ -14,6 +14,9 @@ var modalStyles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareButton.js

@@ -39,7 +39,7 @@ export var SharedByMeButton = function SharedByMeButton(_ref2) {
 
   return /*#__PURE__*/React.createElement(Button, _extends({
     "data-test-id": "share-by-me-button",
-    className: classNames(styles['coz-btn-shared'], className),
+    className: className,
     onClick: function onClick() {
       return _onClick2();
     },

package/dist/components/ShareByEmail.js

@@ -19,6 +19,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareDialogCozyToCozy.js

@@ -37,6 +37,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -18,6 +18,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/SharedDrive/EditSharedDriveModal.js

@@ -21,6 +21,27 @@ import { getOrCreateFromArray } from '../../helpers/contacts';
 import withLocales from '../../hoc/withLocales';
 import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import { useSharingContext } from '../../hooks/useSharingContext';
+var styles = {
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
+  "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
+  "share-details-created": "share__share-details-created___z3nvO",
+  "share-details-perm": "share__share-details-perm___3HjxK",
+  "share-details-perm-desc": "share__share-details-perm-desc___3HyHu"
+};
 import { default as DumbShareByEmail } from '../ShareByEmail';
 import WhoHasAccess from '../WhoHasAccess';
 export var EditSharedDriveModal = withLocales(function (_ref) {
@@ -109,10 +130,12 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
     },
     componentsProps: {
       dialogContent: {
-        className: 'u-ov-visible'
+        className: styles['share-dialog-scrollable-content']
       }
     },
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    content: /*#__PURE__*/React.createElement("div", {
+      className: styles['share-dialog-scrollable-body']
+    }, /*#__PURE__*/React.createElement("div", {
       className: "u-ph-2 u-pt-2"
     }, /*#__PURE__*/React.createElement(SharedDriveHeader, {
       title: t('SharedDrive.editSharedDriveModal.title')
@@ -143,7 +166,7 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
       recipients: existingRecipients,
       document: document,
       documentType: "Files",
-      className: "u-w-100",
+      className: styles['share-dialog-members'],
       onRevoke: revoke
     }), /*#__PURE__*/React.createElement("div", {
       className: "u-flex u-ph-2 u-pv-1"

package/dist/styles/button.styl

@@ -4,11 +4,6 @@
     color: var(--primaryContrastTextColor)
     transition all .2s ease-out
 
-    &:focus
-    &:not([disabled]):not([aria-disabled=true]):hover
-        border-color: var(--malachite)
-        background-color: var(--malachite)
-
 .coz-btn-sharedWithMe
     border-color: #B449E7
     background-color: #B449E7

package/dist/styles/share.styl

@@ -2,6 +2,39 @@
 @require 'components/popover.styl'
 @require 'settings/breakpoints.styl'
 
+// The federated share dialogs keep overflow visible so the contact
+// suggestions dropdown can pop over the dialog, which disables the dialog's
+// native scrolling. These classes pass the height constraint down through
+// the flex chain so only the members list scrolls.
+.share-dialog-scrollable-content
+    display flex
+    flex-direction column
+    min-height 0
+    // keep the contact suggestions dropdown visible over the dialog;
+    // !important to win over MUI's DialogContent overflow-y auto
+    overflow visible !important // @stylint ignore
+
+    // cozy-ui dialogs expose no componentsProps hook for their
+    // .dialogContentInner wrapper, but the classname is a stable contract:
+    // cozy-ui's own MUI theme overrides style it by name
+    > :global(.dialogContentInner) // @stylint ignore Naming imposed by cozy-ui
+        display flex
+        flex-direction column
+        flex 1 1 auto
+        min-height 0
+
+.share-dialog-scrollable-body
+    display flex
+    flex-direction column
+    flex 1 1 auto
+    min-height 0
+
+.share-dialog-members
+    flex 1 1 auto
+    min-height 0
+    overflow-y auto
+    width 100%
+
 .share-byemail-onlybylink
     background var(--defaultBackgroundColor)
     padding 1rem 2rem

package/dist/stylesheet.css

@@ -277,6 +277,30 @@
 }
 @media (max-width: 48rem) {
 }
+.share__share-dialog-scrollable-content___2Xyoq {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: visible !important;
+}
+.share__share-dialog-scrollable-content___2Xyoq > .dialogContentInner {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.share__share-dialog-scrollable-body___2O5UT {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.share__share-dialog-members___CNHKJ {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  width: 100%;
+}
 .share__share-byemail-onlybylink___29W-t {
   background: var(--defaultBackgroundColor);
   padding: 1rem 2rem;
@@ -429,11 +453,6 @@ input[type=text] {
   color: var(--primaryContrastTextColor);
   transition: all 0.2s ease-out;
 }
-.button__coz-btn-shared___9MFbY:focus,
-.button__coz-btn-shared___9MFbY:not([disabled]):not([aria-disabled=true]):hover {
-  border-color: var(--malachite);
-  background-color: var(--malachite);
-}
 .button__coz-btn-sharedWithMe___25PBh {
   border-color: #b449e7;
   background-color: #b449e7;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.3.2",
+  "version": "33.3.4",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "08272a4e1b47e169b6f4af662e30a40e4e9a4124"
+  "gitHead": "05ad9ddb799d8a239d336c0a31c3a87552394d48"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -186,10 +186,12 @@ const FederatedFolderModalContent = ({
       title={modalTitle}
       classes={{ paper: 'u-ov-visible' }}
       componentsProps={{
-        dialogContent: { className: 'u-ov-visible' }
+        dialogContent: {
+          className: styles['share-dialog-scrollable-content']
+        }
       }}
       content={
-        <div>
+        <div className={styles['share-dialog-scrollable-body']}>
           <div className="u-ph-2">
             <AntivirusAlert
               document={isSending ? frozenDoc : existingDocument}
@@ -240,7 +242,7 @@ const FederatedFolderModalContent = ({
             recipients={isSending ? frozenRecipients : existingRecipients}
             document={isSending ? frozenDoc : existingDocument}
             documentType="Files"
-            className="u-w-100"
+            className={styles['share-dialog-members']}
             onRevoke={revoke}
             link={displayedLink}
           />

package/src/components/ShareButton.jsx

@@ -22,7 +22,7 @@ export const ShareButton = ({ label, onClick, className, ...props }) => (
 export const SharedByMeButton = ({ label, onClick, className, ...props }) => (
   <Button
     data-test-id="share-by-me-button"
-    className={classNames(styles['coz-btn-shared'], className)}
+    className={className}
     onClick={() => onClick()}
     icon={<Icon icon={ShareIcon} />}
     label={label}

package/src/components/SharedDrive/EditSharedDriveModal.jsx

@@ -14,6 +14,7 @@ import { getOrCreateFromArray } from '../../helpers/contacts'
 import withLocales from '../../hoc/withLocales'
 import { usePendingRecipients } from '../../hooks/usePendingRecipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
+import styles from '../../styles/share.styl'
 import { default as DumbShareByEmail } from '../ShareByEmail'
 import WhoHasAccess from '../WhoHasAccess'
 
@@ -68,10 +69,12 @@ export const EditSharedDriveModal = withLocales(({ onClose, document }) => {
       onClose={onClose}
       classes={{ paper: 'u-ov-visible' }}
       componentsProps={{
-        dialogContent: { className: 'u-ov-visible' }
+        dialogContent: {
+          className: styles['share-dialog-scrollable-content']
+        }
       }}
       content={
-        <div>
+        <div className={styles['share-dialog-scrollable-body']}>
           <div className="u-ph-2 u-pt-2">
             <SharedDriveHeader
               title={t('SharedDrive.editSharedDriveModal.title')}
@@ -104,7 +107,7 @@ export const EditSharedDriveModal = withLocales(({ onClose, document }) => {
             recipients={existingRecipients}
             document={document}
             documentType="Files"
-            className="u-w-100"
+            className={styles['share-dialog-members']}
             onRevoke={revoke}
           />
           <div className="u-flex u-ph-2 u-pv-1">

package/src/styles/button.styl

@@ -4,11 +4,6 @@
     color: var(--primaryContrastTextColor)
     transition all .2s ease-out
 
-    &:focus
-    &:not([disabled]):not([aria-disabled=true]):hover
-        border-color: var(--malachite)
-        background-color: var(--malachite)
-
 .coz-btn-sharedWithMe
     border-color: #B449E7
     background-color: #B449E7

package/src/styles/share.styl

@@ -2,6 +2,39 @@
 @require 'components/popover.styl'
 @require 'settings/breakpoints.styl'
 
+// The federated share dialogs keep overflow visible so the contact
+// suggestions dropdown can pop over the dialog, which disables the dialog's
+// native scrolling. These classes pass the height constraint down through
+// the flex chain so only the members list scrolls.
+.share-dialog-scrollable-content
+    display flex
+    flex-direction column
+    min-height 0
+    // keep the contact suggestions dropdown visible over the dialog;
+    // !important to win over MUI's DialogContent overflow-y auto
+    overflow visible !important // @stylint ignore
+
+    // cozy-ui dialogs expose no componentsProps hook for their
+    // .dialogContentInner wrapper, but the classname is a stable contract:
+    // cozy-ui's own MUI theme overrides style it by name
+    > :global(.dialogContentInner) // @stylint ignore Naming imposed by cozy-ui
+        display flex
+        flex-direction column
+        flex 1 1 auto
+        min-height 0
+
+.share-dialog-scrollable-body
+    display flex
+    flex-direction column
+    flex 1 1 auto
+    min-height 0
+
+.share-dialog-members
+    flex 1 1 auto
+    min-height 0
+    overflow-y auto
+    width 100%
+
 .share-byemail-onlybylink
     background var(--defaultBackgroundColor)
     padding 1rem 2rem