react-mail-inbox 1.7.0 → 1.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +7 -2
- package/dist/index.d.ts +7 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.color-picker-root{position:relative;display:inline-block}.color-popover{background-color:var(--color-picker-bg);border:1px solid var(--color-picker-border);padding:5px;border-radius:4px}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid var(--color-picker-btn-border);background:var(--color-picker-btn-bg);cursor:pointer;font-family:inherit}.color-columns{display:flex;gap:28px}.color-column{width:50%}.color-column h4{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--color-picker-heading)}.row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.accent-row{margin-bottom:14px}.palette{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;padding-right:4px}.palette-row{display:flex;gap:6px}.swatch{width:28px;height:24px;border-radius:4px;border:1px solid var(--color-picker-swatch-border);padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;outline:none;box-sizing:border-box;transition:transform .08s ease}.swatch:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--color-picker-swatch-hover-shadow)}.swatch .check{width:16px;height:16px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;border-color:var(--color-picker-swatch-selected-border)}.popover-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.btn-mail-editor{padding:8px 12px;border-radius:8px;border:1px solid var(--color-picker-btn-border);background:var(--color-picker-btn-bg);cursor:pointer;color:var(--text-color)}.wrapper-alignment{display:flex;flex-direction:column;border:1px solid #ccc;padding:5px;border-radius:5px}.alignment-option{background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;flex-direction:row-reverse}.option-check.hidden{visibility:hidden}.toolbar-wrapper{display:flex;flex-direction:row;gap:28px;background-color:var(--editor-bg);align-items:center;justify-content:space-between;position:relative}.styling-toolbar{display:flex}.toolbar-wrapper button{background:none;border:none;cursor:pointer;color:var(--icon-color)}.toolbar-wrapper button svg{color:var(--icon-color)}.btn-mail-editor{background:none;border:none;cursor:pointer;color:var(--label-base);font-size:12px;line-height:16px}.divider{display:inline-block;width:1px;height:20px;background:var(--input-border);margin:auto 0}.styling-options{position:absolute;display:flex;column-gap:7px;align-items:center;justify-content:start;top:0;left:0;transform:translateY(-135%);border:1px solid var(--toolbar-border);border-radius:4px;background:var(--toolbar-popup-bg);padding:4px 6px!important;padding-inline:10px;height:36px}.font-options{display:flex;flex-direction:column;gap:4px;border:1px solid var(--toolbar-border);border-radius:4px;background:var(--toolbar-popup-bg);color:var(--text-color)}.font-option{display:flex;flex-direction:row;align-items:center;text-align:right;border-radius:4px;padding-left:15px;position:relative;background:var(--toolbar-popup-bg);color:var(--text-color);width:auto;white-space:nowrap}.font-option:not(.heading) svg{position:absolute;left:0;top:0;width:15px;height:15px}.file-upload-container{margin-bottom:50px;display:flex;flex-direction:column;gap:8px;width:75%}.tool-bar-button{width:24px;height:24px;position:relative}.tool-bar-button.font-option{width:auto;height:auto}.tool-bar-button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background-color:#333;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000;margin-bottom:5px;opacity:0;animation:tooltipFadeIn .2s forwards;box-shadow:0 2px 4px #0003}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tool-bar-button-icon{color:var(--icon-color)}.plugin-wrapper{display:flex;flex-direction:row;flex:1;column-gap:8px;align-items:center;justify-items:start}.toolbar-container{padding:16px!important;display:flex;flex-direction:column}.toolbar-disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}.floating-link-editor{position:absolute;z-index:100;top:-10000px;left:-10000px;margin-top:-6px;width:280px;background-color:#fff;box-shadow:0 5px 10px #0000004d;border-radius:8px;display:flex;align-items:center;justify-content:space-between;opacity:0;padding:6px 10px;transition:opacity .25s ease,top .15s ease,left .15s ease;font-family:sans-serif;box-sizing:border-box}.link-input{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;margin-right:8px}.link-input:focus{border-color:#007bff}.link-display{flex:1;background-color:#f3f3f3;border-radius:6px;padding:8px 10px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-display a{text-decoration:none;color:#333}.link-button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;flex-shrink:0}.link-button:hover{background-color:#eaeaea}.fps-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px!important;background:var(--file-preview-bg);min-height:36px;gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.fps-left{display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fps-index{color:var(--file-preview-index-color);font-weight:600;font-size:14px}.fps-filename{color:var(--file-preview-link-color);text-decoration:none;font-weight:700;font-size:16px}.fps-filename:hover,.fps-filename:focus{text-decoration:underline;outline:none}.fps-size{color:var(--file-preview-size-color);font-weight:600;font-size:14px}.fps-close{background:transparent;border:none;font-size:18px;line-height:1;color:var(--file-preview-close-color);cursor:pointer;padding:4px 8px;border-radius:4px}.fps-close:hover,.fps-close:focus{background:var(--file-preview-close-hover-bg);color:var(--file-preview-close-hover-color);outline:none}.compose-box-wrapper{position:relative;display:flex;flex-direction:column;width:100%;direction:ltr}.compose-box-wrapper *{direction:ltr;text-align:left}.ai-preview-container{padding:16px!important;margin-bottom:8px;width:100%;animation:fadeIn .3s ease-in-out}.compose-box-content-preview{padding:16px 16px 0!important;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-color, inherit);background:var(--editor-bg, #fff);border-radius:4px;margin-bottom:8px;overflow-wrap:break-word}.compose-box-editor-container{position:relative;background:var(--editor-bg, #fff);border-radius:4px;display:flex;flex-direction:column}.compose-box-editor-container>div:first-child{flex:1}.compose-box-content-editable{min-height:200px;padding:16px;outline:none;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-color, inherit);direction:ltr;text-align:left}.compose-box-placeholder{position:absolute;top:16px;left:16px;color:var(--text-color, #999);opacity:.5;pointer-events:none;font-size:14px;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.react-mail-inbox-root{--editor-bg: #ffffff;--text-color: #000000;--icon-color: #000000;--pill-bg: #e0e0e0;--pill-text: #000000;--toolbar-popup-bg: #ffffff;--toolbar-border: #e0e0e0;--selected-icon-color: #000000;--selected-icon-bg: #e0e0e0;--input-bg: #ffffff;--input-border: #e0e0e0;--color-picker-bg: #ffffff;--color-picker-border: #ccc;--color-picker-heading: #111827;--color-picker-btn-bg: #fff;--color-picker-btn-border: #e6edf3;--color-picker-swatch-border: rgba(0, 0, 0, .06);--color-picker-swatch-hover-shadow: rgba(2, 6, 23, .08);--color-picker-swatch-selected-shadow: rgba(0, 0, 0, .08);--color-picker-swatch-selected-border: rgba(0, 0, 0, .18);--file-preview-bg: #ffffff;--file-preview-border: #e6e6e6;--file-preview-index-color: #0f172a;--file-preview-link-color: #0b63d6;--file-preview-size-color: #6b7280;--file-preview-close-color: #6b7280;--file-preview-close-hover-bg: rgba(0, 0, 0, .03);--file-preview-close-hover-color: #111827}.react-mail-inbox-root[data-theme=dark]{--editor-bg: #2A2B33;--text-color: #ffffff;--icon-color: #8A8F98;--pill-bg: #34353C;--pill-text: #ffffff;--toolbar-popup-bg: #34353C;--toolbar-border: #62666D;--selected-icon-color: #8A8F98;--selected-icon-bg: #ffffff;--input-bg: #8A8F98;--input-border: #62666D;--color-picker-bg: #2a2b30;--color-picker-border: #62666D;--color-picker-heading: #ffffff;--color-picker-btn-bg: #34353C;--color-picker-btn-border: #62666D;--color-picker-swatch-border: rgba(255, 255, 255, .1);--color-picker-swatch-hover-shadow: rgba(255, 255, 255, .1);--color-picker-swatch-selected-shadow: rgba(255, 255, 255, .15);--color-picker-swatch-selected-border: rgba(255, 255, 255, .3);--file-preview-bg: #34353C;--file-preview-border: #62666D;--file-preview-index-color: #ffffff;--file-preview-link-color: #4A9EFF;--file-preview-size-color: #8A8F98;--file-preview-close-color: #8A8F98;--file-preview-close-hover-bg: rgba(255, 255, 255, .1);--file-preview-close-hover-color: #ffffff;--label-base: #D7D8DB}.react-mail-inbox-root *{margin:0;padding:0;box-sizing:border-box}.react-mail-inbox-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mail-inbox-popup-content{background-color:#34353c!important;color:#8a8f98!important;border:0!important;border-radius:5px;z-index:9999!important}.mail-inbox-popup-arrow{display:none}.mail-inbox-popup-overlay{z-index:999!important}.gmail-header{background-color:var(--editor-bg);color:var(--text-color)}.gmail-header *::placeholder{background-color:var(--editor-bg);color:var(--text-color)}.input-header{border:none!important;background:transparent;outline:none;width:100%;height:28px;font-size:14px;box-sizing:border-box;color:var(--text-color);line-height:18px}.container-receipts{display:flex;flex-direction:row;align-items:center;gap:10px}.input-trigger{width:100%}.options-dropdown{display:flex;flex-direction:column;gap:5px;width:500px;border:1px solid var(--toolbar-border);background:var(--toolbar-popup-bg);border-radius:5px}.option-dropdown{height:50px;border:none;text-align:left;background:transparent;outline:none;cursor:pointer;width:100%;padding:5px;font-size:14px;box-sizing:border-box;color:var(--text-color)}.option-dropdown:hover,.option-dropdown.selected{background:var(--pill-bg)}.option-dropdown:focus{background:var(--pill-bg);outline:2px solid var(--selected-icon-bg);outline-offset:-2px}.container-receipts{width:100%;color:var(--text-color)}.emails{border:1px solid var(--pill-bg);background-color:var(--pill-bg);padding:5px 10px;border-radius:4px;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;box-sizing:border-box;color:var(--pill-text)}.emails-close{cursor:pointer;width:15px;height:15px;border:none;background:transparent;outline:none}.emails-close svg{cursor:pointer;width:15px;height:15px;color:var(--pill-text)}.skeleton-loader{pointer-events:none;padding:8px 10px}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-name{height:16px;width:60%;margin-bottom:8px}.skeleton-email{height:14px;width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.select-option-icon{color:var(--toolbar-popup-bg)!important}.mail-inbox-internal{background-color:#2a2b33}.receipt-heading{padding:8px 16px;border:1px solid #34353C}.reply-heading{padding:12px 16px;border:1px solid #34353C}.emails-container{display:flex;column-gap:10px}
|
|
1
|
+
.color-picker-root{position:relative;display:inline-block}.color-popover{background-color:var(--color-picker-bg);border:1px solid var(--color-picker-border);padding:5px;border-radius:4px}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid var(--color-picker-btn-border);background:var(--color-picker-btn-bg);cursor:pointer;font-family:inherit}.color-columns{display:flex;gap:28px}.color-column{width:50%}.color-column h4{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--color-picker-heading)}.row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.accent-row{margin-bottom:14px}.palette{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;padding-right:4px}.palette-row{display:flex;gap:6px}.swatch{width:28px;height:24px;border-radius:4px;border:1px solid var(--color-picker-swatch-border);padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;outline:none;box-sizing:border-box;transition:transform .08s ease}.swatch:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--color-picker-swatch-hover-shadow)}.swatch .check{width:16px;height:16px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;border-color:var(--color-picker-swatch-selected-border)}.popover-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.btn-mail-editor{padding:8px 12px;border-radius:8px;border:1px solid var(--color-picker-btn-border);background:var(--color-picker-btn-bg);cursor:pointer;color:var(--text-color)}.wrapper-alignment{display:flex;flex-direction:column;border:1px solid #ccc;padding:5px;border-radius:5px}.alignment-option{background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;flex-direction:row-reverse}.option-check.hidden{visibility:hidden}.toolbar-wrapper{display:flex;flex-direction:row;gap:28px;background-color:var(--editor-bg);align-items:center;justify-content:space-between;position:relative}.styling-toolbar{display:flex}.toolbar-wrapper button{background:none;border:none;cursor:pointer;color:var(--icon-color)}.toolbar-wrapper button svg{color:var(--icon-color)}.btn-mail-editor{background:none;border:none;cursor:pointer;color:var(--label-base);font-size:12px;line-height:16px}.divider{display:inline-block;width:1px;height:20px;background:var(--input-border);margin:auto 0}.styling-options{position:absolute;display:flex;column-gap:7px;align-items:center;justify-content:start;top:0;left:0;transform:translateY(-135%);border:1px solid var(--toolbar-border);border-radius:4px;background:var(--toolbar-popup-bg);padding:4px 6px!important;padding-inline:10px;height:36px}.font-options{display:flex;flex-direction:column;gap:4px;border:1px solid var(--toolbar-border);border-radius:4px;background:var(--toolbar-popup-bg);color:var(--text-color)}.font-option{display:flex;flex-direction:row;align-items:center;text-align:right;border-radius:4px;padding-left:15px;position:relative;background:var(--toolbar-popup-bg);color:var(--text-color);width:auto;white-space:nowrap}.font-option:not(.heading) svg{position:absolute;left:0;top:0;width:15px;height:15px}.file-upload-container{margin-bottom:50px;display:flex;flex-direction:column;gap:8px;width:75%}.tool-bar-button{width:24px;height:24px;position:relative}.tool-bar-button.font-option{width:auto;height:auto}.tool-bar-button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background-color:#333;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000;margin-bottom:5px;opacity:0;animation:tooltipFadeIn .2s forwards;box-shadow:0 2px 4px #0003}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tool-bar-button-icon{color:var(--icon-color)}.plugin-wrapper{display:flex;flex-direction:row;flex:1;column-gap:8px;align-items:center;justify-items:start}.toolbar-container{padding:16px!important;display:flex;flex-direction:column}.toolbar-disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}.floating-link-editor{position:absolute;z-index:100;top:-10000px;left:-10000px;margin-top:-6px;width:280px;background-color:#fff;box-shadow:0 5px 10px #0000004d;border-radius:8px;display:flex;align-items:center;justify-content:space-between;opacity:0;padding:6px 10px;transition:opacity .25s ease,top .15s ease,left .15s ease;font-family:sans-serif;box-sizing:border-box}.link-input{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;margin-right:8px}.link-input:focus{border-color:#007bff}.link-display{flex:1;background-color:#f3f3f3;border-radius:6px;padding:8px 10px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-display a{text-decoration:none;color:#333}.link-button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;flex-shrink:0}.link-button:hover{background-color:#eaeaea}.fps-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px!important;background:var(--file-preview-bg);min-height:36px;gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.fps-left{display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fps-index{color:var(--file-preview-index-color);font-weight:600;font-size:14px}.fps-filename{color:var(--file-preview-link-color);text-decoration:none;font-weight:700;font-size:16px}.fps-filename:hover,.fps-filename:focus{text-decoration:underline;outline:none}.fps-size{color:var(--file-preview-size-color);font-weight:600;font-size:14px}.fps-close{background:transparent;border:none;font-size:18px;line-height:1;color:var(--file-preview-close-color);cursor:pointer;padding:4px 8px;border-radius:4px}.fps-close:hover,.fps-close:focus{background:var(--file-preview-close-hover-bg);color:var(--file-preview-close-hover-color);outline:none}.compose-box-wrapper{position:relative;display:flex;flex-direction:column;width:100%;direction:ltr}.compose-box-wrapper *{direction:ltr;text-align:left}.ai-preview-container{padding:16px!important;margin-bottom:8px;width:100%;animation:fadeIn .3s ease-in-out}.compose-box-content-preview{padding:16px 16px 0!important;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-color, inherit);background:var(--editor-bg, #fff);border-radius:4px;margin-bottom:8px;overflow-wrap:break-word}.compose-box-editor-container{position:relative;background:var(--editor-bg, #fff);border-radius:4px;display:flex;flex-direction:column}.compose-box-editor-container>div:first-child{flex:1}.compose-box-content-editable{min-height:200px;padding:16px;outline:none;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-color, inherit);direction:ltr;text-align:left}.compose-box-placeholder{position:absolute;top:16px;left:16px;color:var(--text-color, #999);opacity:.5;pointer-events:none;font-family:inherit;font-size:14px;line-height:1.5;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.react-mail-inbox-root{--editor-bg: #ffffff;--text-color: #000000;--icon-color: #000000;--pill-bg: #e0e0e0;--pill-text: #000000;--toolbar-popup-bg: #ffffff;--toolbar-border: #e0e0e0;--selected-icon-color: #000000;--selected-icon-bg: #e0e0e0;--input-bg: #ffffff;--input-border: #e0e0e0;--color-picker-bg: #ffffff;--color-picker-border: #ccc;--color-picker-heading: #111827;--color-picker-btn-bg: #fff;--color-picker-btn-border: #e6edf3;--color-picker-swatch-border: rgba(0, 0, 0, .06);--color-picker-swatch-hover-shadow: rgba(2, 6, 23, .08);--color-picker-swatch-selected-shadow: rgba(0, 0, 0, .08);--color-picker-swatch-selected-border: rgba(0, 0, 0, .18);--file-preview-bg: #ffffff;--file-preview-border: #e6e6e6;--file-preview-index-color: #0f172a;--file-preview-link-color: #0b63d6;--file-preview-size-color: #6b7280;--file-preview-close-color: #6b7280;--file-preview-close-hover-bg: rgba(0, 0, 0, .03);--file-preview-close-hover-color: #111827}.react-mail-inbox-root[data-theme=dark]{--editor-bg: #2A2B33;--text-color: #ffffff;--icon-color: #8A8F98;--pill-bg: #34353C;--pill-text: #ffffff;--toolbar-popup-bg: #34353C;--toolbar-border: #62666D;--selected-icon-color: #8A8F98;--selected-icon-bg: #ffffff;--input-bg: #8A8F98;--input-border: #62666D;--color-picker-bg: #2a2b30;--color-picker-border: #62666D;--color-picker-heading: #ffffff;--color-picker-btn-bg: #34353C;--color-picker-btn-border: #62666D;--color-picker-swatch-border: rgba(255, 255, 255, .1);--color-picker-swatch-hover-shadow: rgba(255, 255, 255, .1);--color-picker-swatch-selected-shadow: rgba(255, 255, 255, .15);--color-picker-swatch-selected-border: rgba(255, 255, 255, .3);--file-preview-bg: #34353C;--file-preview-border: #62666D;--file-preview-index-color: #ffffff;--file-preview-link-color: #4A9EFF;--file-preview-size-color: #8A8F98;--file-preview-close-color: #8A8F98;--file-preview-close-hover-bg: rgba(255, 255, 255, .1);--file-preview-close-hover-color: #ffffff;--label-base: #D7D8DB}.react-mail-inbox-root *{margin:0;padding:0;box-sizing:border-box}.react-mail-inbox-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mail-inbox-popup-content{background-color:var(--toolbar-popup-bg)!important;color:var(--text-color)!important;border:1px solid var(--toolbar-border)!important;border-radius:8px;z-index:9999!important}.mail-inbox-popup-arrow{display:none}.mail-inbox-popup-overlay{z-index:999!important}.gmail-header{background-color:var(--editor-bg);color:var(--text-color)}.gmail-header *::placeholder{background-color:var(--editor-bg);color:var(--text-color)}.input-header{border:none!important;background:transparent;outline:none;width:100%;height:28px;font-size:14px;box-sizing:border-box;color:var(--text-color);line-height:18px}.container-receipts{display:flex;flex-direction:row;align-items:center;gap:10px}.input-trigger{width:100%}.options-dropdown{display:flex;flex-direction:column;gap:5px;width:500px;border:1px solid var(--toolbar-border);background:var(--toolbar-popup-bg);border-radius:5px}.option-dropdown{height:50px;border:none;text-align:left;background:transparent;outline:none;cursor:pointer;width:100%;padding:5px;font-size:14px;box-sizing:border-box;color:var(--text-color)}.option-dropdown:hover,.option-dropdown.selected{background:var(--pill-bg)}.option-dropdown:focus{background:var(--pill-bg);outline:2px solid var(--selected-icon-bg);outline-offset:-2px}.container-receipts{width:100%;color:var(--text-color)}.emails{border:1px solid var(--pill-bg);background-color:var(--pill-bg);padding:5px 10px;border-radius:4px;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;box-sizing:border-box;color:var(--pill-text)}.emails-close{cursor:pointer;width:15px;height:15px;border:none;background:transparent;outline:none}.emails-close svg{cursor:pointer;width:15px;height:15px;color:var(--pill-text)}.skeleton-loader{pointer-events:none;padding:8px 10px}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-name{height:16px;width:60%;margin-bottom:8px}.skeleton-email{height:14px;width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.select-option-icon{color:var(--toolbar-popup-bg)!important}.mail-inbox-internal{background-color:#2a2b33}.receipt-heading{padding:8px 16px;border:1px solid #34353C}.reply-heading{padding:12px 16px;border:1px solid #34353C}.subject-display{border:none!important;background:transparent;outline:none;width:100%;font-size:14px;box-sizing:border-box;color:var(--text-color);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;position:relative;cursor:default;pointer-events:auto!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol!important}.reply-heading{padding:12px 16px;border:1px solid #34353C;display:flex;align-items:center}.emails-container{display:flex;column-gap:10px}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Components/core/ColorPicker/style.css","../src/Components/core/AlignmentSelect/style.css","../src/Components/Editor/Toolbar/style.css","../src/Components/core/FloatingLinkEditor/index.css","../src/Components/core/FileUploader/FilePreview.css","../src/Components/ComposeBox/styles.css","../src/Components/GmailWrapper/index.css"],"sourcesContent":[".color-picker-root {\n position: relative;\n display: inline-block;\n}\n\n.color-popover {\n background-color: var(--color-picker-bg);\n border: 1px solid var(--color-picker-border);\n padding: 5px;\n border-radius: 4px;\n}\n\n.toolbar-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 10px;\n border-radius: 6px;\n border: 1px solid var(--color-picker-btn-border);\n background: var(--color-picker-btn-bg);\n cursor: pointer;\n font-family: inherit;\n}\n\n\n\n.color-columns {\n display: flex;\n gap: 28px;\n}\n\n.color-column {\n width: 50%;\n}\n\n.color-column h4 {\n margin: 0 0 10px 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--color-picker-heading);\n}\n\n.row {\n display: flex;\n gap: 8px;\n margin-bottom: 10px;\n flex-wrap: wrap;\n}\n\n.accent-row {\n margin-bottom: 14px;\n}\n\n.palette {\n display: flex;\n flex-direction: column;\n gap: 6px;\n max-height: 220px;\n overflow: auto;\n padding-right: 4px;\n}\n\n.palette-row {\n display: flex;\n gap: 6px;\n}\n\n.swatch {\n width: 28px;\n height: 24px;\n border-radius: 4px;\n border: 1px solid var(--color-picker-swatch-border);\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: transform .08s ease;\n}\n\n.swatch:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 10px var(--color-picker-swatch-hover-shadow);\n}\n\n.swatch .check {\n width: 16px;\n height: 16px;\n}\n\n.swatch[aria-pressed=\"true\"] {\n box-shadow: 0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;\n border-color: var(--color-picker-swatch-selected-border);\n}\n\n.popover-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 14px;\n}\n\n.btn-mail-editor {\n padding: 8px 12px;\n border-radius: 8px;\n border: 1px solid var(--color-picker-btn-border);\n background: var(--color-picker-btn-bg);\n cursor: pointer;\n color: var(--text-color);\n}\n",".wrapper-alignment {\n display: flex;\n flex-direction: column;\n border: 1px solid #ccc;\n padding: 5px;\n border-radius: 5px;\n}\n\n.alignment-option {\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n flex-direction: row-reverse;\n\n}\n\n.option-check.hidden {\n visibility: hidden;\n}\n",".toolbar-wrapper {\n display: flex;\n flex-direction: row;\n gap: 28px;\n background-color: var(--editor-bg);\n align-items: center;\n justify-content: space-between;\n position: relative;\n}\n\n.styling-toolbar {\n display: flex;\n}\n\n.toolbar-wrapper button {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--icon-color);\n}\n\n.toolbar-wrapper button svg {\n color: var(--icon-color);\n}\n\n.toolbar-wrapper button.active-btn-toolbar {\n /* background-color: var(--selected-icon-bg); */\n /* border-radius: 4px; */\n /* padding: 1px 2px; */\n}\n\n.toolbar-wrapper button.active-btn-toolbar svg {\n /* color: var(--selected-icon-color); */\n}\n\n.btn-mail-editor {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--label-base);\n font-size: 12px;\n line-height: 16px;\n}\n\n.divider {\n display: inline-block;\n width: 1px;\n height: 20px;\n background: var(--input-border);\n margin: auto 0;\n}\n\n.styling-options {\n position: absolute;\n display: flex;\n column-gap: 7px;\n align-items: center;\n justify-content: start;\n top: 0;\n left: 0;\n transform: translateY(-135%);\n border: 1px solid var(--toolbar-border);\n border-radius: 4px;\n background: var(--toolbar-popup-bg);\n padding: 4px 6px 4px 6px !important;\n padding-inline: 10px;\n height: 36px;\n}\n\n.font-options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n border: 1px solid var(--toolbar-border);\n border-radius: 4px;\n background: var(--toolbar-popup-bg);\n color: var(--text-color);\n}\n\n.font-option {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: right;\n border-radius: 4px;\n padding-left: 15px;\n position: relative;\n background: var(--toolbar-popup-bg);\n color: var(--text-color);\n width: auto;\n white-space: nowrap;\n}\n\n.font-option:not(.heading) svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 15px;\n height: 15px;\n}\n\n.file-upload-container {\n margin-bottom: 50px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 75%;\n}\n\n.tool-bar-button {\n /* margin-top: 5px;\n margin-bottom: 5px; */\n width: 24px;\n height: 24px;\n position: relative;\n /* Ensure tooltip is relative to button */\n}\n\n.tool-bar-button.font-option {\n width: auto;\n height: auto;\n}\n\n/* Custom Tooltip */\n.tool-bar-button[data-tooltip]:hover::after {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n padding: 4px 8px;\n background-color: #333;\n color: white;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 1000;\n margin-bottom: 5px;\n opacity: 0;\n animation: tooltipFadeIn 0.2s forwards;\n /* Box shadow for better visibility against light backgrounds */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes tooltipFadeIn {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(4px);\n }\n\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n }\n}\n\n.tool-bar-button-icon {\n color: var(--icon-color);\n}\n\n.plugin-wrapper {\n display: flex;\n flex-direction: row;\n flex: 1;\n column-gap: 8px;\n align-items: center;\n justify-items: start;\n}\n\n.toolbar-container {\n padding: 16px !important;\n display: flex;\n flex-direction: column;\n}\n\n.toolbar-disabled {\n opacity: 0.5;\n pointer-events: none;\n filter: grayscale(1);\n}\n",".floating-link-editor {\n position: absolute;\n z-index: 100;\n top: -10000px;\n left: -10000px;\n margin-top: -6px;\n width: 280px;\n background-color: #fff;\n box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n opacity: 0;\n padding: 6px 10px;\n transition: opacity 0.25s ease, top 0.15s ease, left 0.15s ease;\n font-family: sans-serif;\n box-sizing: border-box;\n}\n\n.link-input {\n flex: 1;\n padding: 8px 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 6px;\n outline: none;\n margin-right: 8px;\n}\n\n.link-input:focus {\n border-color: #007bff;\n}\n\n.link-display {\n flex: 1;\n background-color: #f3f3f3;\n border-radius: 6px;\n padding: 8px 10px;\n margin-right: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.link-display a {\n text-decoration: none;\n color: #333;\n}\n\n.link-button {\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n padding: 4px;\n border-radius: 4px;\n transition: background 0.2s;\n flex-shrink: 0;\n}\n\n.link-button:hover {\n background-color: #eaeaea;\n}\n",".fps-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px !important;\n background: var(--file-preview-bg);\n min-height: 36px;\n gap: 12px;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n}\n\n.fps-left {\n display: flex;\n align-items: baseline;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fps-index {\n color: var(--file-preview-index-color);\n font-weight: 600;\n font-size: 14px;\n}\n\n.fps-filename {\n color: var(--file-preview-link-color);\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n}\n\n.fps-filename:hover,\n.fps-filename:focus {\n text-decoration: underline;\n outline: none;\n}\n\n.fps-size {\n color: var(--file-preview-size-color);\n font-weight: 600;\n font-size: 14px;\n}\n\n.fps-close {\n background: transparent;\n border: none;\n font-size: 18px;\n line-height: 1;\n color: var(--file-preview-close-color);\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.fps-close:hover,\n.fps-close:focus {\n background: var(--file-preview-close-hover-bg);\n color: var(--file-preview-close-hover-color);\n outline: none;\n}\n",".compose-box-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n direction: ltr;\n /* Force LTR at wrapper level */\n}\n\n/* Force LTR for all children */\n.compose-box-wrapper * {\n direction: ltr;\n text-align: left;\n}\n\n.ai-preview-container {\n padding: 16px !important;\n margin-bottom: 8px;\n width: 100%;\n animation: fadeIn 0.3s ease-in-out;\n}\n\n.compose-box-content-preview {\n padding: 16px 16px 0 16px !important;\n /* min-height: 50px; */\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-color, inherit);\n background: var(--editor-bg, #fff);\n border-radius: 4px;\n margin-bottom: 8px;\n overflow-wrap: break-word;\n}\n\n.compose-box-editor-container {\n position: relative;\n background: var(--editor-bg, #fff);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n}\n\n.compose-box-editor-container > div:first-child {\n flex: 1;\n}\n\n.compose-box-content-editable {\n min-height: 200px;\n padding: 16px;\n outline: none;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-color, inherit);\n direction: ltr;\n /* Force LTR specific to content editable */\n text-align: left;\n}\n\n.compose-box-placeholder {\n position: absolute;\n top: 16px;\n left: 16px;\n color: var(--text-color, #999);\n opacity: 0.5;\n pointer-events: none;\n font-size: 14px;\n user-select: none;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n","/* Scoped CSS variables to prevent global conflicts */\n.react-mail-inbox-root {\n /* Light theme colors (default for light) */\n --editor-bg: #ffffff;\n --text-color: #000000;\n --icon-color: #000000;\n --pill-bg: #e0e0e0;\n --pill-text: #000000;\n --toolbar-popup-bg: #ffffff;\n --toolbar-border: #e0e0e0;\n --selected-icon-color: #000000;\n --selected-icon-bg: #e0e0e0;\n --input-bg: #ffffff;\n --input-border: #e0e0e0;\n --color-picker-bg: #ffffff;\n --color-picker-border: #ccc;\n --color-picker-heading: #111827;\n --color-picker-btn-bg: #fff;\n --color-picker-btn-border: #e6edf3;\n --color-picker-swatch-border: rgba(0, 0, 0, 0.06);\n --color-picker-swatch-hover-shadow: rgba(2, 6, 23, 0.08);\n --color-picker-swatch-selected-shadow: rgba(0, 0, 0, 0.08);\n --color-picker-swatch-selected-border: rgba(0, 0, 0, 0.18);\n --file-preview-bg: #ffffff;\n --file-preview-border: #e6e6e6;\n --file-preview-index-color: #0f172a;\n --file-preview-link-color: #0b63d6;\n --file-preview-size-color: #6b7280;\n --file-preview-close-color: #6b7280;\n --file-preview-close-hover-bg: rgba(0, 0, 0, 0.03);\n --file-preview-close-hover-color: #111827;\n}\n\n.react-mail-inbox-root[data-theme=\"dark\"] {\n /* Dark theme colors */\n --editor-bg: #2A2B33;\n --text-color: #ffffff;\n --icon-color: #8A8F98;\n --pill-bg: #34353C;\n --pill-text: #ffffff;\n --toolbar-popup-bg: #34353C;\n --toolbar-border: #62666D;\n --selected-icon-color: #8A8F98;\n --selected-icon-bg: #ffffff;\n --input-bg: #8A8F98;\n --input-border: #62666D;\n --color-picker-bg: #2a2b30;\n --color-picker-border: #62666D;\n --color-picker-heading: #ffffff;\n --color-picker-btn-bg: #34353C;\n --color-picker-btn-border: #62666D;\n --color-picker-swatch-border: rgba(255, 255, 255, 0.1);\n --color-picker-swatch-hover-shadow: rgba(255, 255, 255, 0.1);\n --color-picker-swatch-selected-shadow: rgba(255, 255, 255, 0.15);\n --color-picker-swatch-selected-border: rgba(255, 255, 255, 0.3);\n --file-preview-bg: #34353C;\n --file-preview-border: #62666D;\n --file-preview-index-color: #ffffff;\n --file-preview-link-color: #4A9EFF;\n --file-preview-size-color: #8A8F98;\n --file-preview-close-color: #8A8F98;\n --file-preview-close-hover-bg: rgba(255, 255, 255, 0.1);\n --file-preview-close-hover-color: #ffffff;\n --label-base: #D7D8DB;\n\n}\n\n/* Scoped reset to only affect elements within the component */\n.react-mail-inbox-root * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.react-mail-inbox-root code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.mail-inbox-popup-content {\n background-color: #34353C !important;\n color: #8A8F98 !important;\n border: 0 !important;\n border-radius: 5px;\n z-index: 9999 !important;\n}\n\n.mail-inbox-popup-arrow {\n display: none;\n}\n\n.mail-inbox-popup-overlay {\n z-index: 999 !important;\n}\n\n.gmail-header {\n background-color: var(--editor-bg);\n color: var(--text-color);\n}\n\n.gmail-header *::placeholder {\n background-color: var(--editor-bg);\n color: var(--text-color);\n}\n\n.input-header {\n border: none !important;\n background: transparent;\n outline: none;\n width: 100%;\n height: 28px;\n font-size: 14px;\n box-sizing: border-box;\n color: var(--text-color);\n line-height: 18px;\n}\n\n.container-receipts {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n}\n\n.input-trigger {\n width: 100%;\n}\n\n.options-dropdown {\n display: flex;\n flex-direction: column;\n gap: 5px;\n width: 500px;\n border: 1px solid var(--toolbar-border);\n background: var(--toolbar-popup-bg);\n border-radius: 5px;\n}\n\n.option-dropdown {\n height: 50px;\n border: none;\n padding: 5px;\n text-align: left;\n background: transparent;\n outline: none;\n cursor: pointer;\n width: 100%;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 14px;\n box-sizing: border-box;\n color: var(--text-color);\n}\n\n.option-dropdown:hover {\n background: var(--pill-bg);\n}\n\n.option-dropdown.selected {\n background: var(--pill-bg);\n}\n\n.option-dropdown:focus {\n background: var(--pill-bg);\n outline: 2px solid var(--selected-icon-bg);\n outline-offset: -2px;\n}\n\n.container-receipts {\n width: 100%;\n color: var(--text-color);\n}\n\n.emails {\n border: 1px solid var(--pill-bg);\n background-color: var(--pill-bg);\n padding: 5px 10px;\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n width: 100%;\n box-sizing: border-box;\n color: var(--pill-text);\n}\n\n.emails-close {\n cursor: pointer;\n width: 15px;\n height: 15px;\n border: none;\n background: transparent;\n outline: none;\n}\n\n.emails-close svg {\n cursor: pointer;\n width: 15px;\n height: 15px;\n color: var(--pill-text);\n}\n\n/* Skeleton loader styles */\n.skeleton-loader {\n pointer-events: none;\n padding: 8px 10px;\n}\n\n.skeleton-line {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n border-radius: 4px;\n}\n\n.skeleton-name {\n height: 16px;\n width: 60%;\n margin-bottom: 8px;\n}\n\n.skeleton-email {\n height: 14px;\n width: 80%;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n.select-option-icon {\n color: var(--toolbar-popup-bg) !important;\n}\n\n.mail-inbox-internal {\n background-color: #2A2B33;\n}\n.receipt-heading {\n padding: 8px 16px;\n border: 1px solid #34353C;\n}\n\n.reply-heading {\n padding: 12px 16px 12px 16px;\n border: 1px solid #34353C;\n}\n\n.emails-container {\n display: flex;\n column-gap: 10px;\n}"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/Components/core/ColorPicker/style.css","../src/Components/core/AlignmentSelect/style.css","../src/Components/Editor/Toolbar/style.css","../src/Components/core/FloatingLinkEditor/index.css","../src/Components/core/FileUploader/FilePreview.css","../src/Components/ComposeBox/styles.css","../src/Components/GmailWrapper/index.css"],"sourcesContent":[".color-picker-root {\n position: relative;\n display: inline-block;\n}\n\n.color-popover {\n background-color: var(--color-picker-bg);\n border: 1px solid var(--color-picker-border);\n padding: 5px;\n border-radius: 4px;\n}\n\n.toolbar-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 10px;\n border-radius: 6px;\n border: 1px solid var(--color-picker-btn-border);\n background: var(--color-picker-btn-bg);\n cursor: pointer;\n font-family: inherit;\n}\n\n\n\n.color-columns {\n display: flex;\n gap: 28px;\n}\n\n.color-column {\n width: 50%;\n}\n\n.color-column h4 {\n margin: 0 0 10px 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--color-picker-heading);\n}\n\n.row {\n display: flex;\n gap: 8px;\n margin-bottom: 10px;\n flex-wrap: wrap;\n}\n\n.accent-row {\n margin-bottom: 14px;\n}\n\n.palette {\n display: flex;\n flex-direction: column;\n gap: 6px;\n max-height: 220px;\n overflow: auto;\n padding-right: 4px;\n}\n\n.palette-row {\n display: flex;\n gap: 6px;\n}\n\n.swatch {\n width: 28px;\n height: 24px;\n border-radius: 4px;\n border: 1px solid var(--color-picker-swatch-border);\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n transition: transform .08s ease;\n}\n\n.swatch:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 10px var(--color-picker-swatch-hover-shadow);\n}\n\n.swatch .check {\n width: 16px;\n height: 16px;\n}\n\n.swatch[aria-pressed=\"true\"] {\n box-shadow: 0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;\n border-color: var(--color-picker-swatch-selected-border);\n}\n\n.popover-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 14px;\n}\n\n.btn-mail-editor {\n padding: 8px 12px;\n border-radius: 8px;\n border: 1px solid var(--color-picker-btn-border);\n background: var(--color-picker-btn-bg);\n cursor: pointer;\n color: var(--text-color);\n}\n",".wrapper-alignment {\n display: flex;\n flex-direction: column;\n border: 1px solid #ccc;\n padding: 5px;\n border-radius: 5px;\n}\n\n.alignment-option {\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n flex-direction: row-reverse;\n\n}\n\n.option-check.hidden {\n visibility: hidden;\n}\n",".toolbar-wrapper {\n display: flex;\n flex-direction: row;\n gap: 28px;\n background-color: var(--editor-bg);\n align-items: center;\n justify-content: space-between;\n position: relative;\n}\n\n.styling-toolbar {\n display: flex;\n}\n\n.toolbar-wrapper button {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--icon-color);\n}\n\n.toolbar-wrapper button svg {\n color: var(--icon-color);\n}\n\n.toolbar-wrapper button.active-btn-toolbar {\n /* background-color: var(--selected-icon-bg); */\n /* border-radius: 4px; */\n /* padding: 1px 2px; */\n}\n\n.toolbar-wrapper button.active-btn-toolbar svg {\n /* color: var(--selected-icon-color); */\n}\n\n.btn-mail-editor {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--label-base);\n font-size: 12px;\n line-height: 16px;\n}\n\n.divider {\n display: inline-block;\n width: 1px;\n height: 20px;\n background: var(--input-border);\n margin: auto 0;\n}\n\n.styling-options {\n position: absolute;\n display: flex;\n column-gap: 7px;\n align-items: center;\n justify-content: start;\n top: 0;\n left: 0;\n transform: translateY(-135%);\n border: 1px solid var(--toolbar-border);\n border-radius: 4px;\n background: var(--toolbar-popup-bg);\n padding: 4px 6px 4px 6px !important;\n padding-inline: 10px;\n height: 36px;\n}\n\n.font-options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n border: 1px solid var(--toolbar-border);\n border-radius: 4px;\n background: var(--toolbar-popup-bg);\n color: var(--text-color);\n}\n\n.font-option {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: right;\n border-radius: 4px;\n padding-left: 15px;\n position: relative;\n background: var(--toolbar-popup-bg);\n color: var(--text-color);\n width: auto;\n white-space: nowrap;\n}\n\n.font-option:not(.heading) svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 15px;\n height: 15px;\n}\n\n.file-upload-container {\n margin-bottom: 50px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 75%;\n}\n\n.tool-bar-button {\n /* margin-top: 5px;\n margin-bottom: 5px; */\n width: 24px;\n height: 24px;\n position: relative;\n /* Ensure tooltip is relative to button */\n}\n\n.tool-bar-button.font-option {\n width: auto;\n height: auto;\n}\n\n/* Custom Tooltip */\n.tool-bar-button[data-tooltip]:hover::after {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n padding: 4px 8px;\n background-color: #333;\n color: white;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 1000;\n margin-bottom: 5px;\n opacity: 0;\n animation: tooltipFadeIn 0.2s forwards;\n /* Box shadow for better visibility against light backgrounds */\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes tooltipFadeIn {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(4px);\n }\n\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n }\n}\n\n.tool-bar-button-icon {\n color: var(--icon-color);\n}\n\n.plugin-wrapper {\n display: flex;\n flex-direction: row;\n flex: 1;\n column-gap: 8px;\n align-items: center;\n justify-items: start;\n}\n\n.toolbar-container {\n padding: 16px !important;\n display: flex;\n flex-direction: column;\n}\n\n.toolbar-disabled {\n opacity: 0.5;\n pointer-events: none;\n filter: grayscale(1);\n}\n",".floating-link-editor {\n position: absolute;\n z-index: 100;\n top: -10000px;\n left: -10000px;\n margin-top: -6px;\n width: 280px;\n background-color: #fff;\n box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n opacity: 0;\n padding: 6px 10px;\n transition: opacity 0.25s ease, top 0.15s ease, left 0.15s ease;\n font-family: sans-serif;\n box-sizing: border-box;\n}\n\n.link-input {\n flex: 1;\n padding: 8px 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 6px;\n outline: none;\n margin-right: 8px;\n}\n\n.link-input:focus {\n border-color: #007bff;\n}\n\n.link-display {\n flex: 1;\n background-color: #f3f3f3;\n border-radius: 6px;\n padding: 8px 10px;\n margin-right: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.link-display a {\n text-decoration: none;\n color: #333;\n}\n\n.link-button {\n background: none;\n border: none;\n font-size: 18px;\n cursor: pointer;\n padding: 4px;\n border-radius: 4px;\n transition: background 0.2s;\n flex-shrink: 0;\n}\n\n.link-button:hover {\n background-color: #eaeaea;\n}\n",".fps-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px !important;\n background: var(--file-preview-bg);\n min-height: 36px;\n gap: 12px;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n}\n\n.fps-left {\n display: flex;\n align-items: baseline;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fps-index {\n color: var(--file-preview-index-color);\n font-weight: 600;\n font-size: 14px;\n}\n\n.fps-filename {\n color: var(--file-preview-link-color);\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n}\n\n.fps-filename:hover,\n.fps-filename:focus {\n text-decoration: underline;\n outline: none;\n}\n\n.fps-size {\n color: var(--file-preview-size-color);\n font-weight: 600;\n font-size: 14px;\n}\n\n.fps-close {\n background: transparent;\n border: none;\n font-size: 18px;\n line-height: 1;\n color: var(--file-preview-close-color);\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.fps-close:hover,\n.fps-close:focus {\n background: var(--file-preview-close-hover-bg);\n color: var(--file-preview-close-hover-color);\n outline: none;\n}\n",".compose-box-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n direction: ltr;\n /* Force LTR at wrapper level */\n}\n\n/* Force LTR for all children */\n.compose-box-wrapper * {\n direction: ltr;\n text-align: left;\n}\n\n.ai-preview-container {\n padding: 16px !important;\n margin-bottom: 8px;\n width: 100%;\n animation: fadeIn 0.3s ease-in-out;\n}\n\n.compose-box-content-preview {\n padding: 16px 16px 0 16px !important;\n /* min-height: 50px; */\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-color, inherit);\n background: var(--editor-bg, #fff);\n border-radius: 4px;\n margin-bottom: 8px;\n overflow-wrap: break-word;\n}\n\n.compose-box-editor-container {\n position: relative;\n background: var(--editor-bg, #fff);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n}\n\n.compose-box-editor-container > div:first-child {\n flex: 1;\n}\n\n.compose-box-content-editable {\n min-height: 200px;\n padding: 16px;\n outline: none;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-color, inherit);\n direction: ltr;\n /* Force LTR specific to content editable */\n text-align: left;\n}\n\n.compose-box-placeholder {\n position: absolute;\n top: 16px;\n left: 16px;\n color: var(--text-color, #999);\n opacity: 0.5;\n pointer-events: none;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n user-select: none;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n","/* Scoped CSS variables to prevent global conflicts */\n.react-mail-inbox-root {\n /* Light theme colors (default for light) */\n --editor-bg: #ffffff;\n --text-color: #000000;\n --icon-color: #000000;\n --pill-bg: #e0e0e0;\n --pill-text: #000000;\n --toolbar-popup-bg: #ffffff;\n --toolbar-border: #e0e0e0;\n --selected-icon-color: #000000;\n --selected-icon-bg: #e0e0e0;\n --input-bg: #ffffff;\n --input-border: #e0e0e0;\n --color-picker-bg: #ffffff;\n --color-picker-border: #ccc;\n --color-picker-heading: #111827;\n --color-picker-btn-bg: #fff;\n --color-picker-btn-border: #e6edf3;\n --color-picker-swatch-border: rgba(0, 0, 0, 0.06);\n --color-picker-swatch-hover-shadow: rgba(2, 6, 23, 0.08);\n --color-picker-swatch-selected-shadow: rgba(0, 0, 0, 0.08);\n --color-picker-swatch-selected-border: rgba(0, 0, 0, 0.18);\n --file-preview-bg: #ffffff;\n --file-preview-border: #e6e6e6;\n --file-preview-index-color: #0f172a;\n --file-preview-link-color: #0b63d6;\n --file-preview-size-color: #6b7280;\n --file-preview-close-color: #6b7280;\n --file-preview-close-hover-bg: rgba(0, 0, 0, 0.03);\n --file-preview-close-hover-color: #111827;\n}\n\n.react-mail-inbox-root[data-theme=\"dark\"] {\n /* Dark theme colors */\n --editor-bg: #2A2B33;\n --text-color: #ffffff;\n --icon-color: #8A8F98;\n --pill-bg: #34353C;\n --pill-text: #ffffff;\n --toolbar-popup-bg: #34353C;\n --toolbar-border: #62666D;\n --selected-icon-color: #8A8F98;\n --selected-icon-bg: #ffffff;\n --input-bg: #8A8F98;\n --input-border: #62666D;\n --color-picker-bg: #2a2b30;\n --color-picker-border: #62666D;\n --color-picker-heading: #ffffff;\n --color-picker-btn-bg: #34353C;\n --color-picker-btn-border: #62666D;\n --color-picker-swatch-border: rgba(255, 255, 255, 0.1);\n --color-picker-swatch-hover-shadow: rgba(255, 255, 255, 0.1);\n --color-picker-swatch-selected-shadow: rgba(255, 255, 255, 0.15);\n --color-picker-swatch-selected-border: rgba(255, 255, 255, 0.3);\n --file-preview-bg: #34353C;\n --file-preview-border: #62666D;\n --file-preview-index-color: #ffffff;\n --file-preview-link-color: #4A9EFF;\n --file-preview-size-color: #8A8F98;\n --file-preview-close-color: #8A8F98;\n --file-preview-close-hover-bg: rgba(255, 255, 255, 0.1);\n --file-preview-close-hover-color: #ffffff;\n --label-base: #D7D8DB;\n\n}\n\n/* Scoped reset to only affect elements within the component */\n.react-mail-inbox-root * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.react-mail-inbox-root code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.mail-inbox-popup-content {\n background-color: var(--toolbar-popup-bg) !important;\n color: var(--text-color) !important;\n border: 1px solid var(--toolbar-border) !important;\n border-radius: 8px;\n z-index: 9999 !important;\n}\n\n.mail-inbox-popup-arrow {\n display: none;\n}\n\n.mail-inbox-popup-overlay {\n z-index: 999 !important;\n}\n\n.gmail-header {\n background-color: var(--editor-bg);\n color: var(--text-color);\n}\n\n.gmail-header *::placeholder {\n background-color: var(--editor-bg);\n color: var(--text-color);\n}\n\n.input-header {\n border: none !important;\n background: transparent;\n outline: none;\n width: 100%;\n height: 28px;\n font-size: 14px;\n box-sizing: border-box;\n color: var(--text-color);\n line-height: 18px;\n}\n\n.container-receipts {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n}\n\n.input-trigger {\n width: 100%;\n}\n\n.options-dropdown {\n display: flex;\n flex-direction: column;\n gap: 5px;\n width: 500px;\n border: 1px solid var(--toolbar-border);\n background: var(--toolbar-popup-bg);\n border-radius: 5px;\n}\n\n.option-dropdown {\n height: 50px;\n border: none;\n padding: 5px;\n text-align: left;\n background: transparent;\n outline: none;\n cursor: pointer;\n width: 100%;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 14px;\n box-sizing: border-box;\n color: var(--text-color);\n}\n\n.option-dropdown:hover {\n background: var(--pill-bg);\n}\n\n.option-dropdown.selected {\n background: var(--pill-bg);\n}\n\n.option-dropdown:focus {\n background: var(--pill-bg);\n outline: 2px solid var(--selected-icon-bg);\n outline-offset: -2px;\n}\n\n.container-receipts {\n width: 100%;\n color: var(--text-color);\n}\n\n.emails {\n border: 1px solid var(--pill-bg);\n background-color: var(--pill-bg);\n padding: 5px 10px;\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n width: 100%;\n box-sizing: border-box;\n color: var(--pill-text);\n}\n\n.emails-close {\n cursor: pointer;\n width: 15px;\n height: 15px;\n border: none;\n background: transparent;\n outline: none;\n}\n\n.emails-close svg {\n cursor: pointer;\n width: 15px;\n height: 15px;\n color: var(--pill-text);\n}\n\n/* Skeleton loader styles */\n.skeleton-loader {\n pointer-events: none;\n padding: 8px 10px;\n}\n\n.skeleton-line {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n border-radius: 4px;\n}\n\n.skeleton-name {\n height: 16px;\n width: 60%;\n margin-bottom: 8px;\n}\n\n.skeleton-email {\n height: 14px;\n width: 80%;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n.select-option-icon {\n color: var(--toolbar-popup-bg) !important;\n}\n\n.mail-inbox-internal {\n background-color: #2A2B33;\n}\n.receipt-heading {\n padding: 8px 16px;\n border: 1px solid #34353C;\n}\n\n.reply-heading {\n padding: 12px 16px 12px 16px;\n border: 1px solid #34353C;\n}\n\n.subject-display {\n border: none !important;\n background: transparent;\n outline: none;\n width: 100%;\n font-size: 14px;\n box-sizing: border-box;\n color: var(--text-color);\n line-height: 18px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n position: relative;\n cursor: default;\n pointer-events: auto !important;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n}\n\n.reply-heading {\n padding: 12px 16px 12px 16px;\n border: 1px solid #34353C;\n display: flex;\n align-items: center;\n}\n\n.emails-container {\n display: flex;\n column-gap: 10px;\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -38,6 +38,10 @@ interface GmailInboxProps {
|
|
|
38
38
|
leftChildren?: ReactNode;
|
|
39
39
|
/** Component to render on the right side of the toolbar. */
|
|
40
40
|
rightChildren?: ReactNode;
|
|
41
|
+
/** Custom tool to render inside the plugin-wrapper. */
|
|
42
|
+
customTool?: ReactNode;
|
|
43
|
+
/** Placeholder text for the editor. */
|
|
44
|
+
placeholder?: string;
|
|
41
45
|
/** If true, only the editor body is rendered, hiding the to/cc/bcc/subject fields. */
|
|
42
46
|
showOnlyBody?: boolean;
|
|
43
47
|
/** If true, the inbox is in reply mode, prefixing the subject with "Re: ". */
|
|
@@ -64,7 +68,7 @@ interface GmailInboxProps {
|
|
|
64
68
|
/** Callback when AI content is discarded */
|
|
65
69
|
onAiDiscard?: () => void;
|
|
66
70
|
}
|
|
67
|
-
declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, initialTheme, onThemeChange, leftChildren, rightChildren, showOnlyBody, isReply, googleDriveConfig, aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, }: GmailInboxProps): react_jsx_runtime.JSX.Element;
|
|
71
|
+
declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, initialTheme, onThemeChange, leftChildren, rightChildren, customTool, showOnlyBody, isReply, googleDriveConfig, aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, }: GmailInboxProps): react_jsx_runtime.JSX.Element;
|
|
68
72
|
|
|
69
73
|
type AiInsertHandler = (content: string) => void;
|
|
70
74
|
type AiDiscardHandler = () => void;
|
|
@@ -85,11 +89,12 @@ interface ComposeBoxProps {
|
|
|
85
89
|
onChange?: (html: string) => void;
|
|
86
90
|
leftChildren?: ReactNode;
|
|
87
91
|
rightChildren?: ReactNode;
|
|
92
|
+
customTool?: ReactNode;
|
|
88
93
|
isEditorVisible?: boolean;
|
|
89
94
|
editorChildren?: ReactNode;
|
|
90
95
|
}
|
|
91
96
|
|
|
92
|
-
declare function ComposeBox({ aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, initialHTML, rightChildren, leftChildren, minHeight, onChange, editorChildren, isEditorVisible, }: ComposeBoxProps): react_jsx_runtime.JSX.Element;
|
|
97
|
+
declare function ComposeBox({ aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, initialHTML, rightChildren, leftChildren, customTool, minHeight, onChange, editorChildren, isEditorVisible, }: ComposeBoxProps): react_jsx_runtime.JSX.Element;
|
|
93
98
|
|
|
94
99
|
type Alignment = "left" | "center" | "right";
|
|
95
100
|
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,10 @@ interface GmailInboxProps {
|
|
|
38
38
|
leftChildren?: ReactNode;
|
|
39
39
|
/** Component to render on the right side of the toolbar. */
|
|
40
40
|
rightChildren?: ReactNode;
|
|
41
|
+
/** Custom tool to render inside the plugin-wrapper. */
|
|
42
|
+
customTool?: ReactNode;
|
|
43
|
+
/** Placeholder text for the editor. */
|
|
44
|
+
placeholder?: string;
|
|
41
45
|
/** If true, only the editor body is rendered, hiding the to/cc/bcc/subject fields. */
|
|
42
46
|
showOnlyBody?: boolean;
|
|
43
47
|
/** If true, the inbox is in reply mode, prefixing the subject with "Re: ". */
|
|
@@ -64,7 +68,7 @@ interface GmailInboxProps {
|
|
|
64
68
|
/** Callback when AI content is discarded */
|
|
65
69
|
onAiDiscard?: () => void;
|
|
66
70
|
}
|
|
67
|
-
declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, initialTheme, onThemeChange, leftChildren, rightChildren, showOnlyBody, isReply, googleDriveConfig, aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, }: GmailInboxProps): react_jsx_runtime.JSX.Element;
|
|
71
|
+
declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, initialTheme, onThemeChange, leftChildren, rightChildren, customTool, showOnlyBody, isReply, googleDriveConfig, aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, }: GmailInboxProps): react_jsx_runtime.JSX.Element;
|
|
68
72
|
|
|
69
73
|
type AiInsertHandler = (content: string) => void;
|
|
70
74
|
type AiDiscardHandler = () => void;
|
|
@@ -85,11 +89,12 @@ interface ComposeBoxProps {
|
|
|
85
89
|
onChange?: (html: string) => void;
|
|
86
90
|
leftChildren?: ReactNode;
|
|
87
91
|
rightChildren?: ReactNode;
|
|
92
|
+
customTool?: ReactNode;
|
|
88
93
|
isEditorVisible?: boolean;
|
|
89
94
|
editorChildren?: ReactNode;
|
|
90
95
|
}
|
|
91
96
|
|
|
92
|
-
declare function ComposeBox({ aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, initialHTML, rightChildren, leftChildren, minHeight, onChange, editorChildren, isEditorVisible, }: ComposeBoxProps): react_jsx_runtime.JSX.Element;
|
|
97
|
+
declare function ComposeBox({ aiContentComponent, aiContent, showAiPreview, onAiInsert, onAiDiscard, placeholder, initialHTML, rightChildren, leftChildren, customTool, minHeight, onChange, editorChildren, isEditorVisible, }: ComposeBoxProps): react_jsx_runtime.JSX.Element;
|
|
93
98
|
|
|
94
99
|
type Alignment = "left" | "center" | "right";
|
|
95
100
|
|