@contentstack/live-preview-utils 4.1.1 → 4.1.2

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.
Files changed (66) hide show
  1. package/README.md +1 -1
  2. package/dist/legacy/light-sdk.cjs +1 -1
  3. package/dist/legacy/light-sdk.js +1 -1
  4. package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.cjs +1 -1
  5. package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.js +1 -1
  6. package/dist/legacy/preview/contentstack-live-preview-HOC.cjs +1 -1
  7. package/dist/legacy/preview/contentstack-live-preview-HOC.js +1 -1
  8. package/dist/legacy/visualBuilder/collab.style.cjs +2 -2
  9. package/dist/legacy/visualBuilder/collab.style.cjs.map +1 -1
  10. package/dist/legacy/visualBuilder/collab.style.js +2 -2
  11. package/dist/legacy/visualBuilder/collab.style.js.map +1 -1
  12. package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs +3 -1
  13. package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs.map +1 -1
  14. package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js +3 -1
  15. package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js.map +1 -1
  16. package/dist/legacy/visualBuilder/hooks/useCollabIndicator.d.cts +4 -4
  17. package/dist/legacy/visualBuilder/hooks/useCollabIndicator.d.ts +4 -4
  18. package/dist/legacy/visualBuilder/hooks/useCommentTextArea.d.cts +3 -3
  19. package/dist/legacy/visualBuilder/hooks/useCommentTextArea.d.ts +3 -3
  20. package/dist/legacy/visualBuilder/listeners/index.cjs +8 -0
  21. package/dist/legacy/visualBuilder/listeners/index.cjs.map +1 -1
  22. package/dist/legacy/visualBuilder/listeners/index.js +11 -0
  23. package/dist/legacy/visualBuilder/listeners/index.js.map +1 -1
  24. package/dist/legacy/visualBuilder/listeners/mouseHover.cjs +12 -1
  25. package/dist/legacy/visualBuilder/listeners/mouseHover.cjs.map +1 -1
  26. package/dist/legacy/visualBuilder/listeners/mouseHover.d.cts +4 -1
  27. package/dist/legacy/visualBuilder/listeners/mouseHover.d.ts +4 -1
  28. package/dist/legacy/visualBuilder/listeners/mouseHover.js +9 -1
  29. package/dist/legacy/visualBuilder/listeners/mouseHover.js.map +1 -1
  30. package/dist/legacy/visualBuilder/visualBuilder.style.cjs +5 -5
  31. package/dist/legacy/visualBuilder/visualBuilder.style.cjs.map +1 -1
  32. package/dist/legacy/visualBuilder/visualBuilder.style.js +5 -5
  33. package/dist/legacy/visualBuilder/visualBuilder.style.js.map +1 -1
  34. package/dist/modern/light-sdk.cjs +1 -1
  35. package/dist/modern/light-sdk.js +1 -1
  36. package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.cjs +1 -1
  37. package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.js +1 -1
  38. package/dist/modern/preview/contentstack-live-preview-HOC.cjs +1 -1
  39. package/dist/modern/preview/contentstack-live-preview-HOC.js +1 -1
  40. package/dist/modern/visualBuilder/collab.style.cjs +2 -2
  41. package/dist/modern/visualBuilder/collab.style.cjs.map +1 -1
  42. package/dist/modern/visualBuilder/collab.style.js +2 -2
  43. package/dist/modern/visualBuilder/collab.style.js.map +1 -1
  44. package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs +3 -1
  45. package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs.map +1 -1
  46. package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js +3 -1
  47. package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js.map +1 -1
  48. package/dist/modern/visualBuilder/hooks/useCollabIndicator.d.cts +4 -4
  49. package/dist/modern/visualBuilder/hooks/useCollabIndicator.d.ts +4 -4
  50. package/dist/modern/visualBuilder/hooks/useCommentTextArea.d.cts +3 -3
  51. package/dist/modern/visualBuilder/hooks/useCommentTextArea.d.ts +3 -3
  52. package/dist/modern/visualBuilder/listeners/index.cjs +7 -0
  53. package/dist/modern/visualBuilder/listeners/index.cjs.map +1 -1
  54. package/dist/modern/visualBuilder/listeners/index.js +10 -0
  55. package/dist/modern/visualBuilder/listeners/index.js.map +1 -1
  56. package/dist/modern/visualBuilder/listeners/mouseHover.cjs +12 -1
  57. package/dist/modern/visualBuilder/listeners/mouseHover.cjs.map +1 -1
  58. package/dist/modern/visualBuilder/listeners/mouseHover.d.cts +4 -1
  59. package/dist/modern/visualBuilder/listeners/mouseHover.d.ts +4 -1
  60. package/dist/modern/visualBuilder/listeners/mouseHover.js +9 -1
  61. package/dist/modern/visualBuilder/listeners/mouseHover.js.map +1 -1
  62. package/dist/modern/visualBuilder/visualBuilder.style.cjs +5 -5
  63. package/dist/modern/visualBuilder/visualBuilder.style.cjs.map +1 -1
  64. package/dist/modern/visualBuilder/visualBuilder.style.js +5 -5
  65. package/dist/modern/visualBuilder/visualBuilder.style.js.map +1 -1
  66. package/package.json +3 -3
package/dist/legacy/visualBuilder/visualBuilder.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n pointer-events: all;\n svg {\n pointer-events: none;\n }\n &:before {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 20px;\n margin-bottom: 24px;\n padding: 12px;\n border-radius: 4px;\n width: max-content;\n max-width: 200px;\n color: #fff;\n font-family: Inter;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 132%; /* 0.99rem */\n letter-spacing: 0.015rem;\n background: #767676;\n }\n &:after {\n content: \"\";\n position: absolute;\n bottom: 28px;\n /* the arrow */\n border: 10px solid #000;\n border-color: #767676 transparent transparent transparent;\n }\n`;\n\nexport function visualBuilderStyles() {\n return {\n \"visual-builder__container\": css`\n --outline-transition: all 0.15s ease-in;\n font-family: \"Inter\", sans-serif;\n `,\n \"visual-builder__cursor\": css`\n visibility: hidden;\n height: 0;\n\n &.visible {\n visibility: visible;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647 !important;\n\n color: #fff;\n\n height: auto;\n padding: 0 10px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n pointer-events: none !important;\n position: fixed !important;\n cursor: none;\n }\n `,\n \"tooltip-container\": css`\n position: absolute;\n background-color: #767676;\n color: white;\n padding: 12px;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1.4;\n z-index: 1000;\n pointer-events: none;\n max-width: 250px;\n text-align: center;\n `,\n \"tooltip-arrow\": css`\n position: absolute;\n background: #767676;\n width: 8px;\n height: 8px;\n transform: rotate(45deg);\n `,\n \"toolbar-tooltip-content\": css`\n display: flex;\n flex-direction: column;\n gap: 4px;\n `,\n \"toolbar-tooltip-content-item\": css`\n display: flex;\n align-items: center;\n justify-content: start;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n p {\n margin: 0;\n color: #fff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n `,\n \"visual-builder__overlay__wrapper\": css`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n z-index: 99999;\n\n pointer-events: none;\n\n &.visible {\n visibility: visible;\n }\n `,\n \"visual-builder__empty-block-plus-icon\": css`\n font-size: 22px;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__overlay--outline\": css`\n position: absolute;\n outline: 4px solid #715cdd;\n transition: var(--outline-transition);\n `,\n \"visual-builder__overlay\": css`\n background: rgba(0, 0, 0, 0.3);\n box-sizing: content-box;\n pointer-events: all;\n position: absolute;\n transition: var(--outline-transition);\n `,\n \"visual-builder__add-button\": css`\n position: absolute;\n pointer-events: all;\n\n background: #ffffff;\n color: #475161;\n\n border-radius: 4px;\n border: 1px solid #6c5ce7;\n\n height: 32px;\n min-width: 32px;\n max-width: 180px;\n padding: 8px 6px;\n transform: translate(-50%, -50%);\n\n font-weight: 600;\n color: #6c5ce7;\n overflow: hidden;\n\n z-index: 2147483646 !important;\n\n display: grid;\n grid-template-columns: min-content 0fr;\n align-content: center;\n gap: 0;\n\n transition:\n grid-template-columns 0.25s,\n left 0.15s ease-in,\n top 0.15s ease-in,\n gap 0.15s ease-in;\n\n &:has(.visual-builder__add-button-label):hover {\n grid-template-columns: min-content 1fr;\n gap: 8px;\n padding: 8px 16px;\n }\n\n svg {\n fill: #6c5ce7;\n }\n\n &:disabled {\n border-color: #bbbec3;\n cursor: not-allowed;\n }\n\n &:disabled svg {\n fill: #bbbec3;\n }\n `,\n \"visual-builder__add-button-label\": css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"visual-builder__add-button--loading\": css`\n cursor: wait;\n /* we have not-allowed on disabled, so we need this */\n &:disabled {\n cursor: wait;\n }\n `,\n \"visual-builder__start-editing-btn\": css`\n z-index: 1000;\n text-decoration: none;\n position: fixed;\n box-shadow:\n 0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n 0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n display: inline-flex;\n padding: 0.5rem 1rem;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n\n border-radius: 4px;\n border: 1px solid transparent;\n background: #6c5ce7;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out,\n -webkit-box-shadow 0.15s ease-in-out;\n\n &:hover {\n background-color: #5d50be;\n }\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #ada4f4;\n }\n & > span {\n color: #fff;\n /* Body/P1 Bold */\n font-size: 1rem;\n font-family: Inter;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n\n & > svg {\n color: #fff;\n font-size: 1rem;\n font-family: Inter;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n `,\n \"visual-builder__start-editing-btn__bottom-right\": css`\n bottom: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__bottom-left\": css`\n bottom: 30px;\n left: 30px;\n `,\n \"visual-builder__start-editing-btn__top-right\": css`\n top: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__top-left\": css`\n top: 30px;\n left: 30px;\n `,\n \"visual-builder__cursor-icon\": css`\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #5d50be;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n `,\n \"visual-builder__cursor-pointer\": css`\n position: absolute;\n top: -8px;\n left: -8px;\n `,\n \"visual-builder__cursor-icon--loader\": css`\n animation: visual-builder__spinner 1s linear infinite;\n `,\n \"visual-builder__variant-indicator\": css`\n height: calc(100% - 1px);\n aspect-ratio: 1;\n background: white;\n border-radius: 2px;\n border-width: 2px;\n border-style: solid;\n align-content: center;\n text-align: center;\n border-color: #BD59FA;\n\n svg {\n color: #BD59FA;\n }\n `,\n \"visual-builder__focused-toolbar\": css`\n position: absolute;\n transform: translateY(-100%);\n z-index: 100000;\n gap: 8px;\n width: 0;\n display: flex;\n align-items: end;\n transition: var(--outline-transition);\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n padding: 4px 8px !important;\n background: #6c5ce7;\n color: #fff;\n z-index: 1;\n border-radius: 2px !important;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n\n &:disabled {\n filter: contrast(0.7);\n }\n\n .visual-builder__focused-toolbar__text {\n padding-right: 3px;\n height: 16px;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n pointer-events: none;\n color: #5d50be;\n padding: 4px !important;\n margin-bottom: 3px;\n display: none;\n width: fit-content;\n position: absolute;\n z-index: 100000;\n `,\n \"field-label-dropdown-open\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n pointer-events: all;\n visibility: visible;\n display: initial;\n }\n\n .visual-builder__button--secondary:hover {\n background-color: #6c5ce7;\n color: #f9f8ff;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n display: flex;\n flex-direction: column-reverse;\n position: relative;\n margin-right: 0.5rem;\n `,\n \"visual-builder__focused-toolbar__field-label-container\": css`\n display: flex;\n height: 1.75rem;\n align-items: center;\n `,\n \"visual-builder__button\": css`\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 100%;\n padding: 8px 16px;\n text-align: center;\n z-index: 2147483647 !important;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n // vertical-align: middle;\n &:disabled {\n cursor: not-allowed;\n svg {\n fill: #999;\n path {\n fill: #999;\n }\n }\n }\n `,\n \"visual-builder__button--primary\": css`\n background-color: #6c5ce7;\n color: #fff;\n\n &:hover {\n background-color: #5d50be;\n }\n `,\n \"visual-builder__button--secondary\": css`\n background-color: #f9f8ff;\n border: 1px solid #6c5ce7;\n color: #6c5ce7;\n `,\n \"visual-builder__button--edit\": css`\n svg {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__button-loader\": css`\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #ffffff;\n }\n }\n `,\n \"visual-builder__button--comment-loader\": css`\n cursor: wait !important;\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__field-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__content-type-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__caret-right-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n }\n `,\n \"visual-builder__reference-icon-container\": css`\n display: flex;\n align-items: center;\n\n .visual-builder__field-icon {\n svg {\n margin-right: 0px;\n }\n }\n `,\n \"visual-builder__focused-toolbar__button-group\": css`\n display: flex;\n background: #fff;\n border-radius: 2px;\n height: 100%;\n padding: 4px !important;\n z-index: 2147483647 !important;\n\n &:has(.visual-builder__button) {\n padding: 2px;\n gap: 8px;\n }\n\n .visual-builder__button:enabled:hover {\n background-color: #f5f5f5;\n\n svg {\n color: #5d50be;\n }\n }\n\n .visual-builder__button {\n background-color: #fff;\n border-color: transparent;\n color: #475161;\n padding: 4px;\n min-width: 32px;\n min-height: 32px;\n }\n `,\n \"visual-builder__focused-toolbar__text\": css`\n font-family: Inter, \"sans-serif\";\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n letter-spacing: 0.015rem;\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n `,\n \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n height: 40px;\n z-index: 2147483647 !important;\n\n svg {\n height: 100%;\n width: 100%;\n }\n `,\n \"visual-builder__rotate--90\": css`\n transform: rotate(90deg);\n `,\n \"visual-builder__focused-toolbar--field-disabled\": css`\n pointer-events: none;\n cursor: not-allowed;\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #909090;\n }\n `,\n \"visual-builder__focused-toolbar--variant\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #BD59FA;\n }\n\n `,\n \"visual-builder__cursor-disabled\": css`\n .visual-builder__cursor-icon {\n background: #909090;\n }\n\n .visual-builder__cursor-pointer path {\n fill: #909090;\n }\n `,\n \"visual-builder__tooltip\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: none;\n }\n\n &:hover:before,\n &:hover:after {\n display: block;\n z-index: 2147483647 !important;\n }\n\n &:after {\n display: none;\n }\n `,\n \"visual-builder__tooltip--bottom\": css`\n &:before {\n bottom: -66px;\n }\n &:after {\n bottom: -6px;\n transform: rotate(180deg);\n }\n `,\n\n \"visual-builder__tooltip--persistent\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: block;\n }\n\n &:after {\n display: block;\n }\n `,\n \"visual-builder__empty-block\": css`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 1rem;\n min-height: 100px;\n `,\n \"visual-builder__empty-block-title\": css`\n font-size: 0.95rem;\n font-family: Inter;\n font-weight: 400;\n line-height: 100%;\n color: #647696;\n `,\n \"visual-builder__empty-block-field-name\": css`\n font-weight: 700;\n `,\n \"visual-builder__empty-block-add-button\": css`\n height: 32px;\n border-radius: 4px;\n background: #f9f8ff;\n border-color: #6c5ce7;\n border-width: 1px;\n padding: 0 16px;\n font-size: 0.9rem;\n font-family: Inter;\n font-weight: 600;\n color: #6c5ce7;\n letter-spacing: 0.01rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__hover-outline\": css`\n position: absolute;\n outline: 2px dashed #6c5ce7;\n transition: var(--outline-transition);\n z-index: 2147483646 !important;\n `,\n \"visual-builder__hover-outline--hidden\": css`\n visibility: hidden;\n `,\n \"visual-builder__hover-outline--unclickable\": css`\n pointer-events: none;\n `,\n \"visual-builder__hover-outline--disabled\": css`\n outline: 2px dashed #909090;\n `,\n \"visual-builder__hover-outline--variant\": css`\n outline: 2px dashed #BD59FA;\n `,\n \"visual-builder__default-cursor--disabled\": css`\n cursor: none;\n `,\n \"visual-builder__draft-field\": css`\n outline: 2px dashed #eb5646;\n `,\n \"visual-builder__variant-field\": css`\n outline: 2px solid #bd59fa;\n outline-offset: -2px;\n `,\n \"visual-builder__pseudo-editable-element\": css`\n z-index: 99999 !important;\n `,\n // cslp error styles\n \"visual-builder__button-error\": css`\n background-color: #ffeeeb;\n padding: 0px !important;\n &:hover {\n background-color: #ffeeeb;\n }\n `,\n \"visual-builder__focused-toolbar__error\": css`\n display: flex;\n justify-content: center;\n align-items: center;\n column-gap: 3px;\n padding: 4px 8px;\n `,\n \"visual-builder__focused-toolbar__error-text\": css`\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: #a31b00;\n `,\n \"visual-builder__focused-toolbar__error-toolip\": css`\n position: absolute;\n width: 400px;\n background-color: red;\n left: 0;\n top: -7px;\n transform: translateY(-100%);\n background-color: #767676;\n border-radius: 4px;\n box-shadow:\n 0px 1px 10px 0px #6c5ce733,\n 0px 5px 5px 0px #0000001f,\n 0px 2px 4px 0px #00000024;\n padding: 12px;\n text-align: left;\n\n &:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n left: 4%;\n transform: translateX(-50%) rotate(45deg);\n width: 10px;\n height: 10px;\n background-color: #767676;\n }\n\n > p {\n margin: 0;\n color: #ffffff;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n margin-bottom: 4px;\n }\n\n > span {\n color: #ffffff;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n }\n `,\n \"variant-field-revert-component\": css`\n position: relative;\n display: inline-block;\n z-index: 2147483647 !important;\n `,\n \"variant-field-revert-component__dropdown-content\": css`\n position: absolute;\n top: -12px;\n left: -4px;\n background-color: #ffffff;\n min-width: max-content;\n box-shadow:\n 0 4px 15px 0 rgba(108, 92, 231, 0.2),\n 0 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0 8px 10px 1px rgba(0, 0, 0, 0.14);\n z-index: 2147483647 !important;\n margin-top: 4px;\n padding: 4px 0px;\n border-radius: 2px;\n `,\n \"variant-field-revert-component__dropdown-content__list-item\": css`\n color: black;\n font-weight: 400;\n padding: 9.6px 16px;\n text-decoration: none;\n display: block;\n font-size: 0.75rem;\n height: 32px;\n line-height: 2rem;\n display: flex;\n align-items: center;\n z-index: 2147483647 !important;\n cursor: pointer;\n &:hover {\n background-color: #f1f1f1;\n }\n &:hover > span {\n color: #5d50be;\n }\n & > span {\n margin-top: 4px;\n margin-bottom: 4px;\n }\n `,\n \"visual-builder__no-cursor-style\": css`\n cursor: none !important;\n `,\n \"visual-builder__field-toolbar-container\": css`\n display: flex;\n flex-direction: column-reverse;\n z-index: 2147483647 !important;\n position: relative;\n `,\n \"visual-builder__variant-button\": css`\n display: flex;\n min-width: 3rem !important;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n display: flex;\n & svg path {\n fill: #475161;\n }\n `,\n \"visual-builder__field-location-icons-container\": css`\n display: flex;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n margin-left: 0.25rem;\n `,\n \"visual-builder__field-location-icons-container__divider\": css`\n height: 32px !important;\n width: 1px;\n border-radius: 2px;\n background-color: #8a8f99;\n `,\n \"visual-builder__field-location-icons-container__app-icon\": css`\n width: 24px;\n height: 24px;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list\": css`\n position: absolute;\n top: 0;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n min-width: 230px;\n max-height: 250px;\n min-height: 250px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n `,\n \"visual-builder__field-location-app-list--left\": css`\n right: 100%;\n margin-right: 8px;\n `,\n \"visual-builder__field-location-app-list--right\": css`\n left: 100%;\n margin-left: 8px;\n `,\n \"visual-builder__field-location-app-list__search-container\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px 0px 16px;\n border: none;\n border-bottom: 1px solid #f0f0f0;\n `,\n \"visual-builder__field-location-app-list__search-input\": css`\n width: 100%;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n box-sizing: border-box;\n border: none;\n `,\n \"visual-builder__field-location-app-list__search-icon\": css`\n width: 14px;\n height: 14px;\n `,\n \"visual-builder__field-location-app-list__content\": css`\n flex: 1;\n overflow-y: auto;\n `,\n \"visual-builder__field-location-app-list__no-results\": css`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n text-align: center;\n `,\n \"visual-builder__field-location-app-list__no-results-text\": css`\n color: #373b40;\n font-weight: 400;\n `,\n \"visual-builder__field-location-app-list__item\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n font-size: 14px;\n `,\n \"visual-builder__field-location-app-list__item-icon-container\": css`\n width: 24px;\n height: 24px;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__field-location-app-list__item-icon\": css`\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list__item-title\": css`\n color: #373b40;\n font-weight: 400;\n `,\n };\n}\n\nexport const VisualBuilderGlobalStyles = `\n @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n [data-cslp] [contenteditable=\"true\"] {\n outline: none;\n }\n\n @keyframes visual-builder__spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n`;\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n pointer-events: all;\n svg {\n pointer-events: none;\n }\n &:before {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 20px;\n margin-bottom: 24px;\n padding: 12px;\n border-radius: 4px;\n width: max-content;\n max-width: 200px;\n color: #fff;\n font-family: Inter, sans-serif;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 132%; /* 0.99rem */\n letter-spacing: 0.015rem;\n background: #767676;\n }\n &:after {\n content: \"\";\n position: absolute;\n bottom: 28px;\n /* the arrow */\n border: 10px solid #000;\n border-color: #767676 transparent transparent transparent;\n }\n`;\n\nexport function visualBuilderStyles() {\n return {\n \"visual-builder__container\": css`\n --outline-transition: all 0.15s ease-in;\n font-family: \"Inter\", sans-serif;\n `,\n \"visual-builder__cursor\": css`\n visibility: hidden;\n height: 0;\n\n &.visible {\n visibility: visible;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647 !important;\n\n color: #fff;\n\n height: auto;\n padding: 0 10px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n pointer-events: none !important;\n position: fixed !important;\n cursor: none;\n }\n `,\n \"tooltip-container\": css`\n position: absolute;\n background-color: #767676;\n color: white;\n padding: 12px;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1.4;\n z-index: 1000;\n pointer-events: none;\n max-width: 250px;\n text-align: center;\n `,\n \"tooltip-arrow\": css`\n position: absolute;\n background: #767676;\n width: 8px;\n height: 8px;\n transform: rotate(45deg);\n `,\n \"toolbar-tooltip-content\": css`\n display: flex;\n flex-direction: column;\n gap: 4px;\n `,\n \"toolbar-tooltip-content-item\": css`\n display: flex;\n align-items: center;\n justify-content: start;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n p {\n margin: 0;\n color: #fff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n `,\n \"visual-builder__overlay__wrapper\": css`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n z-index: 99999;\n\n pointer-events: none;\n\n &.visible {\n visibility: visible;\n }\n `,\n \"visual-builder__empty-block-plus-icon\": css`\n font-size: 22px;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__overlay--outline\": css`\n position: absolute;\n outline: 4px solid #715cdd;\n transition: var(--outline-transition);\n `,\n \"visual-builder__overlay\": css`\n background: rgba(0, 0, 0, 0.3);\n box-sizing: content-box;\n pointer-events: all;\n position: absolute;\n transition: var(--outline-transition);\n `,\n \"visual-builder__add-button\": css`\n position: absolute;\n pointer-events: all;\n\n background: #ffffff;\n color: #475161;\n\n border-radius: 4px;\n border: 1px solid #6c5ce7;\n\n height: 32px;\n min-width: 32px;\n max-width: 180px;\n padding: 8px 6px;\n transform: translate(-50%, -50%);\n\n font-weight: 600;\n color: #6c5ce7;\n overflow: hidden;\n\n z-index: 2147483646 !important;\n\n display: grid;\n grid-template-columns: min-content 0fr;\n align-content: center;\n gap: 0;\n\n transition:\n grid-template-columns 0.25s,\n left 0.15s ease-in,\n top 0.15s ease-in,\n gap 0.15s ease-in;\n\n &:has(.visual-builder__add-button-label):hover {\n grid-template-columns: min-content 1fr;\n gap: 8px;\n padding: 8px 16px;\n }\n\n svg {\n fill: #6c5ce7;\n }\n\n &:disabled {\n border-color: #bbbec3;\n cursor: not-allowed;\n }\n\n &:disabled svg {\n fill: #bbbec3;\n }\n `,\n \"visual-builder__add-button-label\": css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"visual-builder__add-button--loading\": css`\n cursor: wait;\n /* we have not-allowed on disabled, so we need this */\n &:disabled {\n cursor: wait;\n }\n `,\n \"visual-builder__start-editing-btn\": css`\n z-index: 1000;\n text-decoration: none;\n position: fixed;\n box-shadow:\n 0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n 0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n display: inline-flex;\n padding: 0.5rem 1rem;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n\n border-radius: 4px;\n border: 1px solid transparent;\n background: #6c5ce7;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out,\n -webkit-box-shadow 0.15s ease-in-out;\n\n &:hover {\n background-color: #5d50be;\n }\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #ada4f4;\n }\n & > span {\n color: #fff;\n /* Body/P1 Bold */\n font-size: 1rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n\n & > svg {\n color: #fff;\n font-size: 1rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n `,\n \"visual-builder__start-editing-btn__bottom-right\": css`\n bottom: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__bottom-left\": css`\n bottom: 30px;\n left: 30px;\n `,\n \"visual-builder__start-editing-btn__top-right\": css`\n top: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__top-left\": css`\n top: 30px;\n left: 30px;\n `,\n \"visual-builder__cursor-icon\": css`\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #5d50be;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n `,\n \"visual-builder__cursor-pointer\": css`\n position: absolute;\n top: -8px;\n left: -8px;\n `,\n \"visual-builder__cursor-icon--loader\": css`\n animation: visual-builder__spinner 1s linear infinite;\n `,\n \"visual-builder__variant-indicator\": css`\n height: calc(100% - 1px);\n aspect-ratio: 1;\n background: white;\n border-radius: 2px;\n border-width: 2px;\n border-style: solid;\n align-content: center;\n text-align: center;\n border-color: #BD59FA;\n\n svg {\n color: #BD59FA;\n }\n `,\n \"visual-builder__focused-toolbar\": css`\n position: absolute;\n transform: translateY(-100%);\n z-index: 100000;\n gap: 8px;\n width: 0;\n display: flex;\n align-items: end;\n transition: var(--outline-transition);\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n padding: 4px 8px !important;\n background: #6c5ce7;\n color: #fff;\n z-index: 1;\n border-radius: 2px !important;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n\n &:disabled {\n filter: contrast(0.7);\n }\n\n .visual-builder__focused-toolbar__text {\n padding-right: 3px;\n height: 16px;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n pointer-events: none;\n color: #5d50be;\n padding: 4px !important;\n margin-bottom: 3px;\n display: none;\n width: fit-content;\n position: absolute;\n z-index: 100000;\n `,\n \"field-label-dropdown-open\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n pointer-events: all;\n visibility: visible;\n display: initial;\n }\n\n .visual-builder__button--secondary:hover {\n background-color: #6c5ce7;\n color: #f9f8ff;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n display: flex;\n flex-direction: column-reverse;\n position: relative;\n margin-right: 0.5rem;\n `,\n \"visual-builder__focused-toolbar__field-label-container\": css`\n display: flex;\n height: 1.75rem;\n align-items: center;\n `,\n \"visual-builder__button\": css`\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 100%;\n padding: 8px 16px;\n text-align: center;\n z-index: 2147483647 !important;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n // vertical-align: middle;\n &:disabled {\n cursor: not-allowed;\n svg {\n fill: #999;\n path {\n fill: #999;\n }\n }\n }\n `,\n \"visual-builder__button--primary\": css`\n background-color: #6c5ce7;\n color: #fff;\n\n &:hover {\n background-color: #5d50be;\n }\n `,\n \"visual-builder__button--secondary\": css`\n background-color: #f9f8ff;\n border: 1px solid #6c5ce7;\n color: #6c5ce7;\n `,\n \"visual-builder__button--edit\": css`\n svg {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__button-loader\": css`\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #ffffff;\n }\n }\n `,\n \"visual-builder__button--comment-loader\": css`\n cursor: wait !important;\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__field-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__content-type-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__caret-right-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n }\n `,\n \"visual-builder__reference-icon-container\": css`\n display: flex;\n align-items: center;\n\n .visual-builder__field-icon {\n svg {\n margin-right: 0px;\n }\n }\n `,\n \"visual-builder__focused-toolbar__button-group\": css`\n display: flex;\n background: #fff;\n border-radius: 2px;\n height: 100%;\n padding: 4px !important;\n z-index: 2147483647 !important;\n\n &:has(.visual-builder__button) {\n padding: 2px;\n gap: 8px;\n }\n\n .visual-builder__button:enabled:hover {\n background-color: #f5f5f5;\n\n svg {\n color: #5d50be;\n }\n }\n\n .visual-builder__button {\n background-color: #fff;\n border-color: transparent;\n color: #475161;\n padding: 4px;\n min-width: 32px;\n min-height: 32px;\n }\n `,\n \"visual-builder__focused-toolbar__text\": css`\n font-family: Inter, \"sans-serif\";\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n letter-spacing: 0.015rem;\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n `,\n \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n height: 40px;\n z-index: 2147483647 !important;\n\n svg {\n height: 100%;\n width: 100%;\n }\n `,\n \"visual-builder__rotate--90\": css`\n transform: rotate(90deg);\n `,\n \"visual-builder__focused-toolbar--field-disabled\": css`\n pointer-events: none;\n cursor: not-allowed;\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #909090;\n }\n `,\n \"visual-builder__focused-toolbar--variant\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #BD59FA;\n }\n\n `,\n \"visual-builder__cursor-disabled\": css`\n .visual-builder__cursor-icon {\n background: #909090;\n }\n\n .visual-builder__cursor-pointer path {\n fill: #909090;\n }\n `,\n \"visual-builder__tooltip\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: none;\n }\n\n &:hover:before,\n &:hover:after {\n display: block;\n z-index: 2147483647 !important;\n }\n\n &:after {\n display: none;\n }\n `,\n \"visual-builder__tooltip--bottom\": css`\n &:before {\n bottom: -66px;\n }\n &:after {\n bottom: -6px;\n transform: rotate(180deg);\n }\n `,\n\n \"visual-builder__tooltip--persistent\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: block;\n }\n\n &:after {\n display: block;\n }\n `,\n \"visual-builder__empty-block\": css`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 1rem;\n min-height: 100px;\n `,\n \"visual-builder__empty-block-title\": css`\n font-size: 0.95rem;\n font-family: Inter, sans-serif;\n font-weight: 400;\n line-height: 100%;\n color: #647696;\n `,\n \"visual-builder__empty-block-field-name\": css`\n font-weight: 700;\n `,\n \"visual-builder__empty-block-add-button\": css`\n height: 32px;\n border-radius: 4px;\n background: #f9f8ff;\n border-color: #6c5ce7;\n border-width: 1px;\n padding: 0 16px;\n font-size: 0.9rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n color: #6c5ce7;\n letter-spacing: 0.01rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__hover-outline\": css`\n position: absolute;\n outline: 2px dashed #6c5ce7;\n transition: var(--outline-transition);\n z-index: 2147483646 !important;\n `,\n \"visual-builder__hover-outline--hidden\": css`\n visibility: hidden;\n `,\n \"visual-builder__hover-outline--unclickable\": css`\n pointer-events: none;\n `,\n \"visual-builder__hover-outline--disabled\": css`\n outline: 2px dashed #909090;\n `,\n \"visual-builder__hover-outline--variant\": css`\n outline: 2px dashed #BD59FA;\n `,\n \"visual-builder__default-cursor--disabled\": css`\n cursor: none;\n `,\n \"visual-builder__draft-field\": css`\n outline: 2px dashed #eb5646;\n `,\n \"visual-builder__variant-field\": css`\n outline: 2px solid #bd59fa;\n outline-offset: -2px;\n `,\n \"visual-builder__pseudo-editable-element\": css`\n z-index: 99999 !important;\n `,\n // cslp error styles\n \"visual-builder__button-error\": css`\n background-color: #ffeeeb;\n padding: 0px !important;\n &:hover {\n background-color: #ffeeeb;\n }\n `,\n \"visual-builder__focused-toolbar__error\": css`\n display: flex;\n justify-content: center;\n align-items: center;\n column-gap: 3px;\n padding: 4px 8px;\n `,\n \"visual-builder__focused-toolbar__error-text\": css`\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: #a31b00;\n `,\n \"visual-builder__focused-toolbar__error-toolip\": css`\n position: absolute;\n width: 400px;\n background-color: red;\n left: 0;\n top: -7px;\n transform: translateY(-100%);\n background-color: #767676;\n border-radius: 4px;\n box-shadow:\n 0px 1px 10px 0px #6c5ce733,\n 0px 5px 5px 0px #0000001f,\n 0px 2px 4px 0px #00000024;\n padding: 12px;\n text-align: left;\n\n &:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n left: 4%;\n transform: translateX(-50%) rotate(45deg);\n width: 10px;\n height: 10px;\n background-color: #767676;\n }\n\n > p {\n margin: 0;\n color: #ffffff;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n margin-bottom: 4px;\n }\n\n > span {\n color: #ffffff;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n }\n `,\n \"variant-field-revert-component\": css`\n position: relative;\n display: inline-block;\n z-index: 2147483647 !important;\n `,\n \"variant-field-revert-component__dropdown-content\": css`\n position: absolute;\n top: -12px;\n left: -4px;\n background-color: #ffffff;\n min-width: max-content;\n box-shadow:\n 0 4px 15px 0 rgba(108, 92, 231, 0.2),\n 0 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0 8px 10px 1px rgba(0, 0, 0, 0.14);\n z-index: 2147483647 !important;\n margin-top: 4px;\n padding: 4px 0px;\n border-radius: 2px;\n `,\n \"variant-field-revert-component__dropdown-content__list-item\": css`\n color: black;\n font-weight: 400;\n padding: 9.6px 16px;\n text-decoration: none;\n display: block;\n font-size: 0.75rem;\n height: 32px;\n line-height: 2rem;\n display: flex;\n align-items: center;\n z-index: 2147483647 !important;\n cursor: pointer;\n &:hover {\n background-color: #f1f1f1;\n }\n &:hover > span {\n color: #5d50be;\n }\n & > span {\n margin-top: 4px;\n margin-bottom: 4px;\n }\n `,\n \"visual-builder__no-cursor-style\": css`\n cursor: none !important;\n `,\n \"visual-builder__field-toolbar-container\": css`\n display: flex;\n flex-direction: column-reverse;\n z-index: 2147483647 !important;\n position: relative;\n `,\n \"visual-builder__variant-button\": css`\n display: flex;\n min-width: 3rem !important;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n display: flex;\n & svg path {\n fill: #475161;\n }\n `,\n \"visual-builder__field-location-icons-container\": css`\n display: flex;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n margin-left: 0.25rem;\n `,\n \"visual-builder__field-location-icons-container__divider\": css`\n height: 32px !important;\n width: 1px;\n border-radius: 2px;\n background-color: #8a8f99;\n `,\n \"visual-builder__field-location-icons-container__app-icon\": css`\n width: 24px;\n height: 24px;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list\": css`\n position: absolute;\n top: 0;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n min-width: 230px;\n max-height: 250px;\n min-height: 250px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n `,\n \"visual-builder__field-location-app-list--left\": css`\n right: 100%;\n margin-right: 8px;\n `,\n \"visual-builder__field-location-app-list--right\": css`\n left: 100%;\n margin-left: 8px;\n `,\n \"visual-builder__field-location-app-list__search-container\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px 0px 16px;\n border: none;\n border-bottom: 1px solid #f0f0f0;\n `,\n \"visual-builder__field-location-app-list__search-input\": css`\n width: 100%;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n box-sizing: border-box;\n border: none;\n `,\n \"visual-builder__field-location-app-list__search-icon\": css`\n width: 14px;\n height: 14px;\n `,\n \"visual-builder__field-location-app-list__content\": css`\n flex: 1;\n overflow-y: auto;\n `,\n \"visual-builder__field-location-app-list__no-results\": css`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n text-align: center;\n `,\n \"visual-builder__field-location-app-list__no-results-text\": css`\n color: #373b40;\n font-weight: 400;\n `,\n \"visual-builder__field-location-app-list__item\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n font-size: 14px;\n `,\n \"visual-builder__field-location-app-list__item-icon-container\": css`\n width: 24px;\n height: 24px;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__field-location-app-list__item-icon\": css`\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list__item-title\": css`\n color: #373b40;\n font-weight: 400;\n `,\n };\n}\n\nexport const VisualBuilderGlobalStyles = `\n @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n [data-cslp] [contenteditable=\"true\"] {\n outline: none;\n }\n\n @keyframes visual-builder__spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n`;\n"],"mappings":"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","names":[]}
package/dist/legacy/visualBuilder/visualBuilder.style.js CHANGED
@@ -17,7 +17,7 @@ var tooltipBaseStyle = `
17
17
  width: max-content;
18
18
  max-width: 200px;
19
19
  color: #fff;
20
- font-family: Inter;
20
+ font-family: Inter, sans-serif;
21
21
  font-size: 0.75rem;
22
22
  font-style: normal;
23
23
  font-weight: 400;
@@ -239,7 +239,7 @@ function visualBuilderStyles() {
239
239
  color: #fff;
240
240
  /* Body/P1 Bold */
241
241
  font-size: 1rem;
242
- font-family: Inter;
242
+ font-family: Inter, sans-serif;
243
243
  font-weight: 600;
244
244
  line-height: 150%;
245
245
  letter-spacing: 0.01rem;
@@ -249,7 +249,7 @@ function visualBuilderStyles() {
249
249
  & > svg {
250
250
  color: #fff;
251
251
  font-size: 1rem;
252
- font-family: Inter;
252
+ font-family: Inter, sans-serif;
253
253
  font-weight: 600;
254
254
  line-height: 150%;
255
255
  letter-spacing: 0.01rem;
@@ -595,7 +595,7 @@ function visualBuilderStyles() {
595
595
  `,
596
596
  "visual-builder__empty-block-title": css`
597
597
  font-size: 0.95rem;
598
- font-family: Inter;
598
+ font-family: Inter, sans-serif;
599
599
  font-weight: 400;
600
600
  line-height: 100%;
601
601
  color: #647696;
@@ -611,7 +611,7 @@ function visualBuilderStyles() {
611
611
  border-width: 1px;
612
612
  padding: 0 16px;
613
613
  font-size: 0.9rem;
614
- font-family: Inter;
614
+ font-family: Inter, sans-serif;
615
615
  font-weight: 600;
616
616
  color: #6c5ce7;
617
617
  letter-spacing: 0.01rem;
package/dist/legacy/visualBuilder/visualBuilder.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n pointer-events: all;\n svg {\n pointer-events: none;\n }\n &:before {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 20px;\n margin-bottom: 24px;\n padding: 12px;\n border-radius: 4px;\n width: max-content;\n max-width: 200px;\n color: #fff;\n font-family: Inter;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 132%; /* 0.99rem */\n letter-spacing: 0.015rem;\n background: #767676;\n }\n &:after {\n content: \"\";\n position: absolute;\n bottom: 28px;\n /* the arrow */\n border: 10px solid #000;\n border-color: #767676 transparent transparent transparent;\n }\n`;\n\nexport function visualBuilderStyles() {\n return {\n \"visual-builder__container\": css`\n --outline-transition: all 0.15s ease-in;\n font-family: \"Inter\", sans-serif;\n `,\n \"visual-builder__cursor\": css`\n visibility: hidden;\n height: 0;\n\n &.visible {\n visibility: visible;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647 !important;\n\n color: #fff;\n\n height: auto;\n padding: 0 10px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n pointer-events: none !important;\n position: fixed !important;\n cursor: none;\n }\n `,\n \"tooltip-container\": css`\n position: absolute;\n background-color: #767676;\n color: white;\n padding: 12px;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1.4;\n z-index: 1000;\n pointer-events: none;\n max-width: 250px;\n text-align: center;\n `,\n \"tooltip-arrow\": css`\n position: absolute;\n background: #767676;\n width: 8px;\n height: 8px;\n transform: rotate(45deg);\n `,\n \"toolbar-tooltip-content\": css`\n display: flex;\n flex-direction: column;\n gap: 4px;\n `,\n \"toolbar-tooltip-content-item\": css`\n display: flex;\n align-items: center;\n justify-content: start;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n p {\n margin: 0;\n color: #fff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n `,\n \"visual-builder__overlay__wrapper\": css`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n z-index: 99999;\n\n pointer-events: none;\n\n &.visible {\n visibility: visible;\n }\n `,\n \"visual-builder__empty-block-plus-icon\": css`\n font-size: 22px;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__overlay--outline\": css`\n position: absolute;\n outline: 4px solid #715cdd;\n transition: var(--outline-transition);\n `,\n \"visual-builder__overlay\": css`\n background: rgba(0, 0, 0, 0.3);\n box-sizing: content-box;\n pointer-events: all;\n position: absolute;\n transition: var(--outline-transition);\n `,\n \"visual-builder__add-button\": css`\n position: absolute;\n pointer-events: all;\n\n background: #ffffff;\n color: #475161;\n\n border-radius: 4px;\n border: 1px solid #6c5ce7;\n\n height: 32px;\n min-width: 32px;\n max-width: 180px;\n padding: 8px 6px;\n transform: translate(-50%, -50%);\n\n font-weight: 600;\n color: #6c5ce7;\n overflow: hidden;\n\n z-index: 2147483646 !important;\n\n display: grid;\n grid-template-columns: min-content 0fr;\n align-content: center;\n gap: 0;\n\n transition:\n grid-template-columns 0.25s,\n left 0.15s ease-in,\n top 0.15s ease-in,\n gap 0.15s ease-in;\n\n &:has(.visual-builder__add-button-label):hover {\n grid-template-columns: min-content 1fr;\n gap: 8px;\n padding: 8px 16px;\n }\n\n svg {\n fill: #6c5ce7;\n }\n\n &:disabled {\n border-color: #bbbec3;\n cursor: not-allowed;\n }\n\n &:disabled svg {\n fill: #bbbec3;\n }\n `,\n \"visual-builder__add-button-label\": css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"visual-builder__add-button--loading\": css`\n cursor: wait;\n /* we have not-allowed on disabled, so we need this */\n &:disabled {\n cursor: wait;\n }\n `,\n \"visual-builder__start-editing-btn\": css`\n z-index: 1000;\n text-decoration: none;\n position: fixed;\n box-shadow:\n 0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n 0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n display: inline-flex;\n padding: 0.5rem 1rem;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n\n border-radius: 4px;\n border: 1px solid transparent;\n background: #6c5ce7;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out,\n -webkit-box-shadow 0.15s ease-in-out;\n\n &:hover {\n background-color: #5d50be;\n }\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #ada4f4;\n }\n & > span {\n color: #fff;\n /* Body/P1 Bold */\n font-size: 1rem;\n font-family: Inter;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n\n & > svg {\n color: #fff;\n font-size: 1rem;\n font-family: Inter;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n `,\n \"visual-builder__start-editing-btn__bottom-right\": css`\n bottom: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__bottom-left\": css`\n bottom: 30px;\n left: 30px;\n `,\n \"visual-builder__start-editing-btn__top-right\": css`\n top: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__top-left\": css`\n top: 30px;\n left: 30px;\n `,\n \"visual-builder__cursor-icon\": css`\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #5d50be;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n `,\n \"visual-builder__cursor-pointer\": css`\n position: absolute;\n top: -8px;\n left: -8px;\n `,\n \"visual-builder__cursor-icon--loader\": css`\n animation: visual-builder__spinner 1s linear infinite;\n `,\n \"visual-builder__variant-indicator\": css`\n height: calc(100% - 1px);\n aspect-ratio: 1;\n background: white;\n border-radius: 2px;\n border-width: 2px;\n border-style: solid;\n align-content: center;\n text-align: center;\n border-color: #BD59FA;\n\n svg {\n color: #BD59FA;\n }\n `,\n \"visual-builder__focused-toolbar\": css`\n position: absolute;\n transform: translateY(-100%);\n z-index: 100000;\n gap: 8px;\n width: 0;\n display: flex;\n align-items: end;\n transition: var(--outline-transition);\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n padding: 4px 8px !important;\n background: #6c5ce7;\n color: #fff;\n z-index: 1;\n border-radius: 2px !important;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n\n &:disabled {\n filter: contrast(0.7);\n }\n\n .visual-builder__focused-toolbar__text {\n padding-right: 3px;\n height: 16px;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n pointer-events: none;\n color: #5d50be;\n padding: 4px !important;\n margin-bottom: 3px;\n display: none;\n width: fit-content;\n position: absolute;\n z-index: 100000;\n `,\n \"field-label-dropdown-open\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n pointer-events: all;\n visibility: visible;\n display: initial;\n }\n\n .visual-builder__button--secondary:hover {\n background-color: #6c5ce7;\n color: #f9f8ff;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n display: flex;\n flex-direction: column-reverse;\n position: relative;\n margin-right: 0.5rem;\n `,\n \"visual-builder__focused-toolbar__field-label-container\": css`\n display: flex;\n height: 1.75rem;\n align-items: center;\n `,\n \"visual-builder__button\": css`\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 100%;\n padding: 8px 16px;\n text-align: center;\n z-index: 2147483647 !important;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n // vertical-align: middle;\n &:disabled {\n cursor: not-allowed;\n svg {\n fill: #999;\n path {\n fill: #999;\n }\n }\n }\n `,\n \"visual-builder__button--primary\": css`\n background-color: #6c5ce7;\n color: #fff;\n\n &:hover {\n background-color: #5d50be;\n }\n `,\n \"visual-builder__button--secondary\": css`\n background-color: #f9f8ff;\n border: 1px solid #6c5ce7;\n color: #6c5ce7;\n `,\n \"visual-builder__button--edit\": css`\n svg {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__button-loader\": css`\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #ffffff;\n }\n }\n `,\n \"visual-builder__button--comment-loader\": css`\n cursor: wait !important;\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__field-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__content-type-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__caret-right-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n }\n `,\n \"visual-builder__reference-icon-container\": css`\n display: flex;\n align-items: center;\n\n .visual-builder__field-icon {\n svg {\n margin-right: 0px;\n }\n }\n `,\n \"visual-builder__focused-toolbar__button-group\": css`\n display: flex;\n background: #fff;\n border-radius: 2px;\n height: 100%;\n padding: 4px !important;\n z-index: 2147483647 !important;\n\n &:has(.visual-builder__button) {\n padding: 2px;\n gap: 8px;\n }\n\n .visual-builder__button:enabled:hover {\n background-color: #f5f5f5;\n\n svg {\n color: #5d50be;\n }\n }\n\n .visual-builder__button {\n background-color: #fff;\n border-color: transparent;\n color: #475161;\n padding: 4px;\n min-width: 32px;\n min-height: 32px;\n }\n `,\n \"visual-builder__focused-toolbar__text\": css`\n font-family: Inter, \"sans-serif\";\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n letter-spacing: 0.015rem;\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n `,\n \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n height: 40px;\n z-index: 2147483647 !important;\n\n svg {\n height: 100%;\n width: 100%;\n }\n `,\n \"visual-builder__rotate--90\": css`\n transform: rotate(90deg);\n `,\n \"visual-builder__focused-toolbar--field-disabled\": css`\n pointer-events: none;\n cursor: not-allowed;\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #909090;\n }\n `,\n \"visual-builder__focused-toolbar--variant\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #BD59FA;\n }\n\n `,\n \"visual-builder__cursor-disabled\": css`\n .visual-builder__cursor-icon {\n background: #909090;\n }\n\n .visual-builder__cursor-pointer path {\n fill: #909090;\n }\n `,\n \"visual-builder__tooltip\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: none;\n }\n\n &:hover:before,\n &:hover:after {\n display: block;\n z-index: 2147483647 !important;\n }\n\n &:after {\n display: none;\n }\n `,\n \"visual-builder__tooltip--bottom\": css`\n &:before {\n bottom: -66px;\n }\n &:after {\n bottom: -6px;\n transform: rotate(180deg);\n }\n `,\n\n \"visual-builder__tooltip--persistent\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: block;\n }\n\n &:after {\n display: block;\n }\n `,\n \"visual-builder__empty-block\": css`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 1rem;\n min-height: 100px;\n `,\n \"visual-builder__empty-block-title\": css`\n font-size: 0.95rem;\n font-family: Inter;\n font-weight: 400;\n line-height: 100%;\n color: #647696;\n `,\n \"visual-builder__empty-block-field-name\": css`\n font-weight: 700;\n `,\n \"visual-builder__empty-block-add-button\": css`\n height: 32px;\n border-radius: 4px;\n background: #f9f8ff;\n border-color: #6c5ce7;\n border-width: 1px;\n padding: 0 16px;\n font-size: 0.9rem;\n font-family: Inter;\n font-weight: 600;\n color: #6c5ce7;\n letter-spacing: 0.01rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__hover-outline\": css`\n position: absolute;\n outline: 2px dashed #6c5ce7;\n transition: var(--outline-transition);\n z-index: 2147483646 !important;\n `,\n \"visual-builder__hover-outline--hidden\": css`\n visibility: hidden;\n `,\n \"visual-builder__hover-outline--unclickable\": css`\n pointer-events: none;\n `,\n \"visual-builder__hover-outline--disabled\": css`\n outline: 2px dashed #909090;\n `,\n \"visual-builder__hover-outline--variant\": css`\n outline: 2px dashed #BD59FA;\n `,\n \"visual-builder__default-cursor--disabled\": css`\n cursor: none;\n `,\n \"visual-builder__draft-field\": css`\n outline: 2px dashed #eb5646;\n `,\n \"visual-builder__variant-field\": css`\n outline: 2px solid #bd59fa;\n outline-offset: -2px;\n `,\n \"visual-builder__pseudo-editable-element\": css`\n z-index: 99999 !important;\n `,\n // cslp error styles\n \"visual-builder__button-error\": css`\n background-color: #ffeeeb;\n padding: 0px !important;\n &:hover {\n background-color: #ffeeeb;\n }\n `,\n \"visual-builder__focused-toolbar__error\": css`\n display: flex;\n justify-content: center;\n align-items: center;\n column-gap: 3px;\n padding: 4px 8px;\n `,\n \"visual-builder__focused-toolbar__error-text\": css`\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: #a31b00;\n `,\n \"visual-builder__focused-toolbar__error-toolip\": css`\n position: absolute;\n width: 400px;\n background-color: red;\n left: 0;\n top: -7px;\n transform: translateY(-100%);\n background-color: #767676;\n border-radius: 4px;\n box-shadow:\n 0px 1px 10px 0px #6c5ce733,\n 0px 5px 5px 0px #0000001f,\n 0px 2px 4px 0px #00000024;\n padding: 12px;\n text-align: left;\n\n &:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n left: 4%;\n transform: translateX(-50%) rotate(45deg);\n width: 10px;\n height: 10px;\n background-color: #767676;\n }\n\n > p {\n margin: 0;\n color: #ffffff;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n margin-bottom: 4px;\n }\n\n > span {\n color: #ffffff;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n }\n `,\n \"variant-field-revert-component\": css`\n position: relative;\n display: inline-block;\n z-index: 2147483647 !important;\n `,\n \"variant-field-revert-component__dropdown-content\": css`\n position: absolute;\n top: -12px;\n left: -4px;\n background-color: #ffffff;\n min-width: max-content;\n box-shadow:\n 0 4px 15px 0 rgba(108, 92, 231, 0.2),\n 0 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0 8px 10px 1px rgba(0, 0, 0, 0.14);\n z-index: 2147483647 !important;\n margin-top: 4px;\n padding: 4px 0px;\n border-radius: 2px;\n `,\n \"variant-field-revert-component__dropdown-content__list-item\": css`\n color: black;\n font-weight: 400;\n padding: 9.6px 16px;\n text-decoration: none;\n display: block;\n font-size: 0.75rem;\n height: 32px;\n line-height: 2rem;\n display: flex;\n align-items: center;\n z-index: 2147483647 !important;\n cursor: pointer;\n &:hover {\n background-color: #f1f1f1;\n }\n &:hover > span {\n color: #5d50be;\n }\n & > span {\n margin-top: 4px;\n margin-bottom: 4px;\n }\n `,\n \"visual-builder__no-cursor-style\": css`\n cursor: none !important;\n `,\n \"visual-builder__field-toolbar-container\": css`\n display: flex;\n flex-direction: column-reverse;\n z-index: 2147483647 !important;\n position: relative;\n `,\n \"visual-builder__variant-button\": css`\n display: flex;\n min-width: 3rem !important;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n display: flex;\n & svg path {\n fill: #475161;\n }\n `,\n \"visual-builder__field-location-icons-container\": css`\n display: flex;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n margin-left: 0.25rem;\n `,\n \"visual-builder__field-location-icons-container__divider\": css`\n height: 32px !important;\n width: 1px;\n border-radius: 2px;\n background-color: #8a8f99;\n `,\n \"visual-builder__field-location-icons-container__app-icon\": css`\n width: 24px;\n height: 24px;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list\": css`\n position: absolute;\n top: 0;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n min-width: 230px;\n max-height: 250px;\n min-height: 250px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n `,\n \"visual-builder__field-location-app-list--left\": css`\n right: 100%;\n margin-right: 8px;\n `,\n \"visual-builder__field-location-app-list--right\": css`\n left: 100%;\n margin-left: 8px;\n `,\n \"visual-builder__field-location-app-list__search-container\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px 0px 16px;\n border: none;\n border-bottom: 1px solid #f0f0f0;\n `,\n \"visual-builder__field-location-app-list__search-input\": css`\n width: 100%;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n box-sizing: border-box;\n border: none;\n `,\n \"visual-builder__field-location-app-list__search-icon\": css`\n width: 14px;\n height: 14px;\n `,\n \"visual-builder__field-location-app-list__content\": css`\n flex: 1;\n overflow-y: auto;\n `,\n \"visual-builder__field-location-app-list__no-results\": css`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n text-align: center;\n `,\n \"visual-builder__field-location-app-list__no-results-text\": css`\n color: #373b40;\n font-weight: 400;\n `,\n \"visual-builder__field-location-app-list__item\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n font-size: 14px;\n `,\n \"visual-builder__field-location-app-list__item-icon-container\": css`\n width: 24px;\n height: 24px;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__field-location-app-list__item-icon\": css`\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list__item-title\": css`\n color: #373b40;\n font-weight: 400;\n `,\n };\n}\n\nexport const VisualBuilderGlobalStyles = `\n @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n [data-cslp] [contenteditable=\"true\"] {\n outline: none;\n }\n\n @keyframes visual-builder__spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n`;\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n pointer-events: all;\n svg {\n pointer-events: none;\n }\n &:before {\n content: attr(data-tooltip);\n position: absolute;\n bottom: 20px;\n margin-bottom: 24px;\n padding: 12px;\n border-radius: 4px;\n width: max-content;\n max-width: 200px;\n color: #fff;\n font-family: Inter, sans-serif;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 132%; /* 0.99rem */\n letter-spacing: 0.015rem;\n background: #767676;\n }\n &:after {\n content: \"\";\n position: absolute;\n bottom: 28px;\n /* the arrow */\n border: 10px solid #000;\n border-color: #767676 transparent transparent transparent;\n }\n`;\n\nexport function visualBuilderStyles() {\n return {\n \"visual-builder__container\": css`\n --outline-transition: all 0.15s ease-in;\n font-family: \"Inter\", sans-serif;\n `,\n \"visual-builder__cursor\": css`\n visibility: hidden;\n height: 0;\n\n &.visible {\n visibility: visible;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647 !important;\n\n color: #fff;\n\n height: auto;\n padding: 0 10px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n pointer-events: none !important;\n position: fixed !important;\n cursor: none;\n }\n `,\n \"tooltip-container\": css`\n position: absolute;\n background-color: #767676;\n color: white;\n padding: 12px;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1.4;\n z-index: 1000;\n pointer-events: none;\n max-width: 250px;\n text-align: center;\n `,\n \"tooltip-arrow\": css`\n position: absolute;\n background: #767676;\n width: 8px;\n height: 8px;\n transform: rotate(45deg);\n `,\n \"toolbar-tooltip-content\": css`\n display: flex;\n flex-direction: column;\n gap: 4px;\n `,\n \"toolbar-tooltip-content-item\": css`\n display: flex;\n align-items: center;\n justify-content: start;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n p {\n margin: 0;\n color: #fff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n `,\n \"visual-builder__overlay__wrapper\": css`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n z-index: 99999;\n\n pointer-events: none;\n\n &.visible {\n visibility: visible;\n }\n `,\n \"visual-builder__empty-block-plus-icon\": css`\n font-size: 22px;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__overlay--outline\": css`\n position: absolute;\n outline: 4px solid #715cdd;\n transition: var(--outline-transition);\n `,\n \"visual-builder__overlay\": css`\n background: rgba(0, 0, 0, 0.3);\n box-sizing: content-box;\n pointer-events: all;\n position: absolute;\n transition: var(--outline-transition);\n `,\n \"visual-builder__add-button\": css`\n position: absolute;\n pointer-events: all;\n\n background: #ffffff;\n color: #475161;\n\n border-radius: 4px;\n border: 1px solid #6c5ce7;\n\n height: 32px;\n min-width: 32px;\n max-width: 180px;\n padding: 8px 6px;\n transform: translate(-50%, -50%);\n\n font-weight: 600;\n color: #6c5ce7;\n overflow: hidden;\n\n z-index: 2147483646 !important;\n\n display: grid;\n grid-template-columns: min-content 0fr;\n align-content: center;\n gap: 0;\n\n transition:\n grid-template-columns 0.25s,\n left 0.15s ease-in,\n top 0.15s ease-in,\n gap 0.15s ease-in;\n\n &:has(.visual-builder__add-button-label):hover {\n grid-template-columns: min-content 1fr;\n gap: 8px;\n padding: 8px 16px;\n }\n\n svg {\n fill: #6c5ce7;\n }\n\n &:disabled {\n border-color: #bbbec3;\n cursor: not-allowed;\n }\n\n &:disabled svg {\n fill: #bbbec3;\n }\n `,\n \"visual-builder__add-button-label\": css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"visual-builder__add-button--loading\": css`\n cursor: wait;\n /* we have not-allowed on disabled, so we need this */\n &:disabled {\n cursor: wait;\n }\n `,\n \"visual-builder__start-editing-btn\": css`\n z-index: 1000;\n text-decoration: none;\n position: fixed;\n box-shadow:\n 0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n 0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n display: inline-flex;\n padding: 0.5rem 1rem;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n\n border-radius: 4px;\n border: 1px solid transparent;\n background: #6c5ce7;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out,\n -webkit-box-shadow 0.15s ease-in-out;\n\n &:hover {\n background-color: #5d50be;\n }\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #ada4f4;\n }\n & > span {\n color: #fff;\n /* Body/P1 Bold */\n font-size: 1rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n\n & > svg {\n color: #fff;\n font-size: 1rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 0.01rem;\n text-transform: capitalize;\n }\n `,\n \"visual-builder__start-editing-btn__bottom-right\": css`\n bottom: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__bottom-left\": css`\n bottom: 30px;\n left: 30px;\n `,\n \"visual-builder__start-editing-btn__top-right\": css`\n top: 30px;\n right: 30px;\n `,\n \"visual-builder__start-editing-btn__top-left\": css`\n top: 30px;\n left: 30px;\n `,\n \"visual-builder__cursor-icon\": css`\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #5d50be;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n `,\n \"visual-builder__cursor-pointer\": css`\n position: absolute;\n top: -8px;\n left: -8px;\n `,\n \"visual-builder__cursor-icon--loader\": css`\n animation: visual-builder__spinner 1s linear infinite;\n `,\n \"visual-builder__variant-indicator\": css`\n height: calc(100% - 1px);\n aspect-ratio: 1;\n background: white;\n border-radius: 2px;\n border-width: 2px;\n border-style: solid;\n align-content: center;\n text-align: center;\n border-color: #BD59FA;\n\n svg {\n color: #BD59FA;\n }\n `,\n \"visual-builder__focused-toolbar\": css`\n position: absolute;\n transform: translateY(-100%);\n z-index: 100000;\n gap: 8px;\n width: 0;\n display: flex;\n align-items: end;\n transition: var(--outline-transition);\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n padding: 4px 8px !important;\n background: #6c5ce7;\n color: #fff;\n z-index: 1;\n border-radius: 2px !important;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n\n &:disabled {\n filter: contrast(0.7);\n }\n\n .visual-builder__focused-toolbar__text {\n padding-right: 3px;\n height: 16px;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n pointer-events: none;\n color: #5d50be;\n padding: 4px !important;\n margin-bottom: 3px;\n display: none;\n width: fit-content;\n position: absolute;\n z-index: 100000;\n `,\n \"field-label-dropdown-open\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n pointer-events: all;\n visibility: visible;\n display: initial;\n }\n\n .visual-builder__button--secondary:hover {\n background-color: #6c5ce7;\n color: #f9f8ff;\n }\n `,\n \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n display: flex;\n flex-direction: column-reverse;\n position: relative;\n margin-right: 0.5rem;\n `,\n \"visual-builder__focused-toolbar__field-label-container\": css`\n display: flex;\n height: 1.75rem;\n align-items: center;\n `,\n \"visual-builder__button\": css`\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 100%;\n padding: 8px 16px;\n text-align: center;\n z-index: 2147483647 !important;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n // vertical-align: middle;\n &:disabled {\n cursor: not-allowed;\n svg {\n fill: #999;\n path {\n fill: #999;\n }\n }\n }\n `,\n \"visual-builder__button--primary\": css`\n background-color: #6c5ce7;\n color: #fff;\n\n &:hover {\n background-color: #5d50be;\n }\n `,\n \"visual-builder__button--secondary\": css`\n background-color: #f9f8ff;\n border: 1px solid #6c5ce7;\n color: #6c5ce7;\n `,\n \"visual-builder__button--edit\": css`\n svg {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__button-loader\": css`\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #ffffff;\n }\n }\n `,\n \"visual-builder__button--comment-loader\": css`\n cursor: wait !important;\n svg.loader {\n height: 16px;\n width: 16px;\n\n path {\n fill: #475161;\n }\n }\n `,\n \"visual-builder__field-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__content-type-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n margin-right: 3px;\n }\n `,\n \"visual-builder__caret-right-icon\": css`\n svg {\n height: 16px;\n width: 16px;\n }\n `,\n \"visual-builder__reference-icon-container\": css`\n display: flex;\n align-items: center;\n\n .visual-builder__field-icon {\n svg {\n margin-right: 0px;\n }\n }\n `,\n \"visual-builder__focused-toolbar__button-group\": css`\n display: flex;\n background: #fff;\n border-radius: 2px;\n height: 100%;\n padding: 4px !important;\n z-index: 2147483647 !important;\n\n &:has(.visual-builder__button) {\n padding: 2px;\n gap: 8px;\n }\n\n .visual-builder__button:enabled:hover {\n background-color: #f5f5f5;\n\n svg {\n color: #5d50be;\n }\n }\n\n .visual-builder__button {\n background-color: #fff;\n border-color: transparent;\n color: #475161;\n padding: 4px;\n min-width: 32px;\n min-height: 32px;\n }\n `,\n \"visual-builder__focused-toolbar__text\": css`\n font-family: Inter, \"sans-serif\";\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n letter-spacing: 0.015rem;\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n `,\n \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n height: 40px;\n z-index: 2147483647 !important;\n\n svg {\n height: 100%;\n width: 100%;\n }\n `,\n \"visual-builder__rotate--90\": css`\n transform: rotate(90deg);\n `,\n \"visual-builder__focused-toolbar--field-disabled\": css`\n pointer-events: none;\n cursor: not-allowed;\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #909090;\n }\n `,\n \"visual-builder__focused-toolbar--variant\": css`\n .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n background: #BD59FA;\n }\n\n `,\n \"visual-builder__cursor-disabled\": css`\n .visual-builder__cursor-icon {\n background: #909090;\n }\n\n .visual-builder__cursor-pointer path {\n fill: #909090;\n }\n `,\n \"visual-builder__tooltip\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: none;\n }\n\n &:hover:before,\n &:hover:after {\n display: block;\n z-index: 2147483647 !important;\n }\n\n &:after {\n display: none;\n }\n `,\n \"visual-builder__tooltip--bottom\": css`\n &:before {\n bottom: -66px;\n }\n &:after {\n bottom: -6px;\n transform: rotate(180deg);\n }\n `,\n\n \"visual-builder__tooltip--persistent\": css`\n ${tooltipBaseStyle}\n\n &:before {\n display: block;\n }\n\n &:after {\n display: block;\n }\n `,\n \"visual-builder__empty-block\": css`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 1rem;\n min-height: 100px;\n `,\n \"visual-builder__empty-block-title\": css`\n font-size: 0.95rem;\n font-family: Inter, sans-serif;\n font-weight: 400;\n line-height: 100%;\n color: #647696;\n `,\n \"visual-builder__empty-block-field-name\": css`\n font-weight: 700;\n `,\n \"visual-builder__empty-block-add-button\": css`\n height: 32px;\n border-radius: 4px;\n background: #f9f8ff;\n border-color: #6c5ce7;\n border-width: 1px;\n padding: 0 16px;\n font-size: 0.9rem;\n font-family: Inter, sans-serif;\n font-weight: 600;\n color: #6c5ce7;\n letter-spacing: 0.01rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__hover-outline\": css`\n position: absolute;\n outline: 2px dashed #6c5ce7;\n transition: var(--outline-transition);\n z-index: 2147483646 !important;\n `,\n \"visual-builder__hover-outline--hidden\": css`\n visibility: hidden;\n `,\n \"visual-builder__hover-outline--unclickable\": css`\n pointer-events: none;\n `,\n \"visual-builder__hover-outline--disabled\": css`\n outline: 2px dashed #909090;\n `,\n \"visual-builder__hover-outline--variant\": css`\n outline: 2px dashed #BD59FA;\n `,\n \"visual-builder__default-cursor--disabled\": css`\n cursor: none;\n `,\n \"visual-builder__draft-field\": css`\n outline: 2px dashed #eb5646;\n `,\n \"visual-builder__variant-field\": css`\n outline: 2px solid #bd59fa;\n outline-offset: -2px;\n `,\n \"visual-builder__pseudo-editable-element\": css`\n z-index: 99999 !important;\n `,\n // cslp error styles\n \"visual-builder__button-error\": css`\n background-color: #ffeeeb;\n padding: 0px !important;\n &:hover {\n background-color: #ffeeeb;\n }\n `,\n \"visual-builder__focused-toolbar__error\": css`\n display: flex;\n justify-content: center;\n align-items: center;\n column-gap: 3px;\n padding: 4px 8px;\n `,\n \"visual-builder__focused-toolbar__error-text\": css`\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: #a31b00;\n `,\n \"visual-builder__focused-toolbar__error-toolip\": css`\n position: absolute;\n width: 400px;\n background-color: red;\n left: 0;\n top: -7px;\n transform: translateY(-100%);\n background-color: #767676;\n border-radius: 4px;\n box-shadow:\n 0px 1px 10px 0px #6c5ce733,\n 0px 5px 5px 0px #0000001f,\n 0px 2px 4px 0px #00000024;\n padding: 12px;\n text-align: left;\n\n &:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n left: 4%;\n transform: translateX(-50%) rotate(45deg);\n width: 10px;\n height: 10px;\n background-color: #767676;\n }\n\n > p {\n margin: 0;\n color: #ffffff;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n margin-bottom: 4px;\n }\n\n > span {\n color: #ffffff;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n }\n `,\n \"variant-field-revert-component\": css`\n position: relative;\n display: inline-block;\n z-index: 2147483647 !important;\n `,\n \"variant-field-revert-component__dropdown-content\": css`\n position: absolute;\n top: -12px;\n left: -4px;\n background-color: #ffffff;\n min-width: max-content;\n box-shadow:\n 0 4px 15px 0 rgba(108, 92, 231, 0.2),\n 0 3px 14px 3px rgba(0, 0, 0, 0.12),\n 0 8px 10px 1px rgba(0, 0, 0, 0.14);\n z-index: 2147483647 !important;\n margin-top: 4px;\n padding: 4px 0px;\n border-radius: 2px;\n `,\n \"variant-field-revert-component__dropdown-content__list-item\": css`\n color: black;\n font-weight: 400;\n padding: 9.6px 16px;\n text-decoration: none;\n display: block;\n font-size: 0.75rem;\n height: 32px;\n line-height: 2rem;\n display: flex;\n align-items: center;\n z-index: 2147483647 !important;\n cursor: pointer;\n &:hover {\n background-color: #f1f1f1;\n }\n &:hover > span {\n color: #5d50be;\n }\n & > span {\n margin-top: 4px;\n margin-bottom: 4px;\n }\n `,\n \"visual-builder__no-cursor-style\": css`\n cursor: none !important;\n `,\n \"visual-builder__field-toolbar-container\": css`\n display: flex;\n flex-direction: column-reverse;\n z-index: 2147483647 !important;\n position: relative;\n `,\n \"visual-builder__variant-button\": css`\n display: flex;\n min-width: 3rem !important;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n display: flex;\n & svg path {\n fill: #475161;\n }\n `,\n \"visual-builder__field-location-icons-container\": css`\n display: flex;\n gap: 0.25rem;\n align-items: center;\n justify-content: center;\n margin-left: 0.25rem;\n `,\n \"visual-builder__field-location-icons-container__divider\": css`\n height: 32px !important;\n width: 1px;\n border-radius: 2px;\n background-color: #8a8f99;\n `,\n \"visual-builder__field-location-icons-container__app-icon\": css`\n width: 24px;\n height: 24px;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list\": css`\n position: absolute;\n top: 0;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n min-width: 230px;\n max-height: 250px;\n min-height: 250px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n `,\n \"visual-builder__field-location-app-list--left\": css`\n right: 100%;\n margin-right: 8px;\n `,\n \"visual-builder__field-location-app-list--right\": css`\n left: 100%;\n margin-left: 8px;\n `,\n \"visual-builder__field-location-app-list__search-container\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px 0px 16px;\n border: none;\n border-bottom: 1px solid #f0f0f0;\n `,\n \"visual-builder__field-location-app-list__search-input\": css`\n width: 100%;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n box-sizing: border-box;\n border: none;\n `,\n \"visual-builder__field-location-app-list__search-icon\": css`\n width: 14px;\n height: 14px;\n `,\n \"visual-builder__field-location-app-list__content\": css`\n flex: 1;\n overflow-y: auto;\n `,\n \"visual-builder__field-location-app-list__no-results\": css`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n text-align: center;\n `,\n \"visual-builder__field-location-app-list__no-results-text\": css`\n color: #373b40;\n font-weight: 400;\n `,\n \"visual-builder__field-location-app-list__item\": css`\n display: flex;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n font-size: 14px;\n `,\n \"visual-builder__field-location-app-list__item-icon-container\": css`\n width: 24px;\n height: 24px;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n \"visual-builder__field-location-app-list__item-icon\": css`\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: cover;\n `,\n \"visual-builder__field-location-app-list__item-title\": css`\n color: #373b40;\n font-weight: 400;\n `,\n };\n}\n\nexport const VisualBuilderGlobalStyles = `\n @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n [data-cslp] [contenteditable=\"true\"] {\n outline: none;\n }\n\n @keyframes visual-builder__spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n`;\n"],"mappings":"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","names":[]}
package/dist/modern/light-sdk.cjs CHANGED
@@ -60,7 +60,7 @@ var _LightLivePreviewHoC = class _LightLivePreviewHoC {
60
60
  static unsubscribeOnEntryChange() {
61
61
  }
62
62
  static getSdkVersion() {
63
- return "4.1.1";
63
+ return "4.1.2";
64
64
  }
65
65
  };
66
66
  _LightLivePreviewHoC.previewConstructors = {};
package/dist/modern/light-sdk.js CHANGED
@@ -38,7 +38,7 @@ var _LightLivePreviewHoC = class _LightLivePreviewHoC {
38
38
  static unsubscribeOnEntryChange() {
39
39
  }
40
40
  static getSdkVersion() {
41
- return "4.1.1";
41
+ return "4.1.2";
42
42
  }
43
43
  };
44
44
  _LightLivePreviewHoC.previewConstructors = {};
package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.cjs CHANGED
@@ -137,7 +137,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
137
137
  config: {
138
138
  shouldReload: import_configManager.default.get().ssr,
139
139
  href: window.location.href,
140
- sdkVersion: "4.1.1",
140
+ sdkVersion: "4.1.2",
141
141
  mode: import_configManager.default.get().mode
142
142
  }
143
143
  }
package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.js CHANGED
@@ -105,7 +105,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
105
105
  config: {
106
106
  shouldReload: Config.get().ssr,
107
107
  href: window.location.href,
108
- sdkVersion: "4.1.1",
108
+ sdkVersion: "4.1.2",
109
109
  mode: Config.get().mode
110
110
  }
111
111
  }
package/dist/modern/preview/contentstack-live-preview-HOC.cjs CHANGED
@@ -227,7 +227,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
227
227
  * @returns The version of the SDK as a string.
228
228
  */
229
229
  static getSdkVersion() {
230
- return "4.1.1";
230
+ return "4.1.2";
231
231
  }
232
232
  };
233
233
  _ContentstackLivePreview.previewConstructors = {};
package/dist/modern/preview/contentstack-live-preview-HOC.js CHANGED
@@ -195,7 +195,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
195
195
  * @returns The version of the SDK as a string.
196
196
  */
197
197
  static getSdkVersion() {
198
- return "4.1.1";
198
+ return "4.1.2";
199
199
  }
200
200
  };
201
201
  _ContentstackLivePreview.previewConstructors = {};
package/dist/modern/visualBuilder/collab.style.cjs CHANGED
@@ -77,7 +77,7 @@ function collabStyles() {
77
77
  background-color: #edf1f7;
78
78
  border: 1.5px solid #ffffff;
79
79
  border-radius: 50%;
80
- font-family: Inter;
80
+ font-family: Inter, sans-serif;
81
81
  font-weight: 600;
82
82
  justify-content: center;
83
83
  position: relative;
@@ -407,7 +407,7 @@ function collabStyles() {
407
407
  cursor: default;
408
408
  position: relative;
409
409
  padding: 0 !important;
410
- font-family: Inter;
410
+ font-family: Inter, sans-serif;
411
411
  color: #475161;
412
412
  width: 20.75rem;
413
413
  `,
package/dist/modern/visualBuilder/collab.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/visualBuilder/collab.style.ts"],"sourcesContent":["import { css, keyframes } from \"goober\";\n\nconst skeletonTileProgressSlide = keyframes`\n 0%, 100% {\n fill: #edf1f7;\n }\n 60% {\n opacity: 0.4;\n }\n`;\nconst dotKeyframes = keyframes`\n 0% {\n opacity: 0.2;\n transform: scale(0.8, 0.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2, 1.2);\n }\n\n 100% {\n opacity: 0;\n transform: scale(1, 1);\n }\n`;\n\nexport function collabStyles() {\n return {\n \"collab-indicator\": css`\n width: 2.25rem;\n height: 2.25rem;\n background-color: gray;\n border-radius: 50% 50% 50% 0%;\n border: 2px solid white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n `,\n \"collab-popup\": css`\n position: fixed;\n z-index: 1000;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n border: 1px solid #e5e7eb;\n overflow: auto;\n `,\n \"collab-avatar\": css`\n background-color: #edf1f7;\n border: 1.5px solid #ffffff;\n border-radius: 50%;\n font-family: Inter;\n font-weight: 600;\n justify-content: center;\n position: relative;\n `,\n \"collab-avatar--single\": css`\n border: none;\n font-size: 0.6875rem;\n height: 2rem;\n width: 2rem;\n border-radius: 22.5rem;\n border: 0.125rem solid #dde3ee;\n background: #ffffff;\n position: relative;\n overflow: hidden;\n\n &:hover .collab-avatar__image {\n filter: grayscale(0);\n }\n `,\n \"collab-avatar__image\": css`\n filter: grayscale(1);\n transition: filter 300ms ease;\n border-radius: 50%;\n height: 0;\n left: 50%;\n min-width: 100%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n `,\n \"collab-avatar__link\": css`\n color: #475161;\n cursor: pointer;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n background-color 300ms ease,\n color 300ms ease;\n width: 100%;\n font-weight: 600;\n font-size: 0.75rem;\n `,\n \"collab-tooltip--wrapper\": css`\n position: relative;\n display: inline-block;\n `,\n \"collab-tooltip\": css`\n position: fixed;\n z-index: 2147483647 !important;\n padding: 8px 12px;\n font-size: 14px;\n color: #f7f9fc;\n background-color: #767676;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n opacity: 0;\n animation: simpleFade 0.15s ease-in forwards;\n\n @keyframes simpleFade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `,\n \"collab-tooltip--top\": css`\n &::before {\n content: \"\";\n position: absolute;\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 5px 5px 0;\n border-style: solid;\n border-color: #767676 transparent transparent;\n }\n `,\n \"collab-tooltip--bottom\": css`\n &::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent #767676;\n }\n `,\n \"collab-tooltip--left\": css`\n &::before {\n content: \"\";\n position: absolute;\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent transparent #767676;\n }\n `,\n \"collab-tooltip--right\": css`\n &::before {\n content: \"\";\n position: absolute;\n left: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 5px 5px 0;\n border-style: solid;\n border-color: transparent #767676 transparent transparent;\n }\n `,\n \"collab-icon\": css`\n height: 1.25rem;\n width: 1.25rem;\n cursor: pointer;\n `,\n \"collab-icon-wrapper\": css`\n padding: 0 0.5rem;\n `,\n \"collab-button--basestyle\": css`\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n cursor: pointer;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1;\n min-height: 2rem;\n min-width: 2rem;\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n vertical-align: middle;\n cursor: pointer;\n opacity: 1;\n pointer-events: auto;\n `,\n \"collab-button--disabled\": css`\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: auto;\n `,\n \"collab-button--loading\": css`\n cursor: default;\n pointer-events: none;\n `,\n \"collab-button--loader\": css`\n display: flex;\n justify-content: center;\n text-align: center;\n `,\n \"collab-button--loader--wrapper\": css`\n left: 50%;\n position: absolute;\n top: 50%;\n -webkit-transform: translateX(-50%) translateY(-50%);\n -moz-transform: translateX(-50%) translateY(-50%);\n `,\n \"collab-button--loader--animation\": css`\n animation: ${dotKeyframes} 1.5s infinite ease-in-out;\n\n border-radius: 0.625rem;\n display: inline-block;\n height: 0.3125rem;\n margin-right: 0.25rem;\n width: 0.3125rem;\n\n &:nth-child(2) {\n animation-delay: 0.5s;\n }\n\n &:nth-child(3) {\n animation-delay: 1s;\n margin-right: 0;\n }\n `,\n \"collab-button--visible\": css`\n visibility: visible;\n `,\n \"collab-button--hidden\": css`\n visibility: hidden;\n `,\n \"collab-button--loading--color\": {\n primary: css`\n background-color: #f9f8ff !important;\n `,\n secondary: css`\n background-color: #6c5ce7 !important;\n `,\n tertiary: css`\n background-color: #6c5ce7 !important;\n `,\n destructive: css`\n background-color: #f9f8ff !important;\n `,\n },\n \"collab-button--type\": {\n primary: css`\n background-color: #6c5ce7 !important;\n color: #ffffff;\n &:hover {\n background-color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n background-color: #3e3871 !important;\n }\n `,\n secondary: css`\n background-color: #f9f8ff !important;\n border: 1px solid #6c5ce7 !important;\n color: #6c5ce7 !important;\n &:hover {\n border-color: #5d50be !important;\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n border-color: #3e3871 !important;\n color: #3e3871 !important;\n }\n `,\n tertiary: css`\n color: #6c5ce7 !important;\n &:hover {\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n destructive: css`\n background-color: #a31b00 !important;\n color: #ffffff !important;\n &:hover {\n background-color: #701300 !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n },\n \"collab-button--size\": {\n large: css`\n font-size: 1rem;\n min-height: 2.5rem;\n max-height: 2.5rem;\n `,\n regular: css`\n margin-top: -1px;\n `,\n small: css`\n font-size: 0.875rem;\n min-height: 2rem;\n max-height: 2rem;\n padding: 0.3125rem 1rem;\n `,\n },\n \"collab-button--icon-allignment\": {\n left: css`\n svg:first-child {\n float: left;\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `,\n right: css`\n svg:first-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n both: css`\n svg:first-child {\n float: left;\n margin-right: 0.5rem;\n margin-left: 0;\n }\n svg:last-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n },\n \"collab-button-group\": css`\n display: flex;\n & > button {\n margin-right: 1rem;\n &:last-child {\n margin-right: 0;\n }\n }\n `,\n \"collab-skeletonTileSvgClass\": css`\n & > g rect {\n animation: ${skeletonTileProgressSlide} 1.8s infinite;\n }\n `,\n \"collab-thread-body-comment--loader\": css`\n padding: 0.625rem;\n `,\n \"collab-thread--wrapper\": css`\n cursor: default;\n position: relative;\n padding: 0 !important;\n font-family: Inter;\n color: #475161;\n width: 20.75rem;\n `,\n \"collab-thread--container\": css`\n max-height: 23.125rem;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n `,\n \"collab-thread-header--wrapper\": css`\n height: 2.5rem;\n padding: 0.2rem 0.1rem 0rem 0.625rem;\n `,\n \"collab-thread-header--container\": css`\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-header--title\": css`\n font-weight: 600;\n font-size: 0.875rem;\n `,\n \"collab-thread-header--resolve\": css`\n border-radius: 6px !important;\n `,\n \"collab-thread-header--resolve--icon\": css`\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem !important;\n `,\n \"collab-thread-header--resolve--text\": css`\n font-size: 0.875rem;\n `,\n \"collab-thread-footer--wrapper\": css`\n height: 3.5rem;\n width: 100%;\n flex-direction: row-reverse;\n padding: 0 0.9375rem;\n flex-shrink: 0;\n `,\n \"collab-thread-body--wrapper\": css`\n border: solid #edf1f7;\n border-width: 0.0625rem 0;\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n `,\n \"collab-thread-input-indicator--wrapper\": css`\n padding: 0 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 150%;\n letter-spacing: 0.01em;\n min-height: 1.3125rem !important;\n `,\n \"collab-thread-input-indicator--error\": css`\n width: 100%;\n margin-right: 0.5rem;\n color: #d62400;\n `,\n \"collab-thread-input-indicator--count\": css`\n color: #475161;\n `,\n \"collab-thread-comment--user-details\": css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-comment--user-details__text\": css`\n padding-left: 0.625rem;\n flex-grow: 1;\n min-width: 0;\n `,\n \"collab-thread-comment--user-name\": css`\n font-style: normal;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 150%;\n letter-spacing: 0.015rem;\n color: #475161;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"collab-thread-comment--list\": css`\n max-height: 10.9rem;\n display: flex;\n overflow: auto;\n flex-flow: column-reverse;\n `,\n \"collab-thread-comment-seperator\": css`\n width: 100%;\n height: 1.5rem;\n stroke-width: 0.0625rem;\n stroke: #dde3ee;\n `,\n \"collab-thread-comment--time-details\": css`\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 150%;\n font-style: Inter;\n letter-spacing: 0.015rem;\n color: #6e6b86;\n `,\n \"collab-thread-comment--message\": css`\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n color: #475161;\n word-break: break-all;\n width: calc(100% - 10px);\n min-height: 2.25rem;\n white-space: pre-wrap;\n\n b {\n color: #6c5ce7;\n font-weight: 400;\n }\n `,\n \"collab-thread-comment--wrapper\": css`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.625rem;\n padding: 0.625rem;\n `,\n \"collab-thread-comment-action--wrapper\": css`\n margin-left: auto;\n display: flex;\n `,\n \"collab-thread-body--input--wrapper\": css`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n grid-gap: 0.25rem;\n `,\n \"collab-thread-body--input\": css`\n position: relative;\n overflow-y: visible;\n `,\n \"collab-thread-body--input--textarea--wrapper\": css`\n width: 100%;\n transition: height 0.2s ease-in 0s;\n `,\n \"collab-thread-body--input--textarea\": css`\n display: block;\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n box-sizing: border-box;\n background-color: #ffffff;\n font-family: inherit;\n font-size: 1rem;\n letter-spacing: inherit;\n height: 100%;\n bottom: 0;\n overflow: auto;\n resize: vertical;\n border-radius: 4px;\n border: 0.0625rem solid #dde3ee;\n line-height: 1.375rem;\n color: #222222;\n padding: 0.5rem 1rem;\n max-height: 6.25rem;\n min-height: 4.125rem;\n transition:\n border 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n `,\n \"collab-thread-body--input--textarea--focus\": css`\n background-color: #ffffff !important;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n border-radius: 4px !important;\n outline: none;\n `,\n\n \"collab-thread-body--input--textarea--hover\": css`\n background-color: #edf1f7;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n `,\n \"collab-thread-body--input--textarea--suggestionsList\": css`\n list-style: none;\n padding-inline: unset;\n position: fixed;\n background-color: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n max-height: 192px;\n overflow-y: auto;\n width: 256px;\n max-height: 160px;\n z-index: 50;\n animation: fadeIn 0.2s ease-in-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item\": css`\n width: 100%;\n padding: 8px 16px;\n text-align: left;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: #f3f4f6;\n color: #5d50be;\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item-selected\": css`\n background-color: #f3f4f6;\n color: #5d50be;\n `,\n };\n}\n\nexport const flexCentered = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const flexAlignCenter = css`\n display: flex;\n align-items: center;\n`;\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../../src/visualBuilder/collab.style.ts"],"sourcesContent":["import { css, keyframes } from \"goober\";\n\nconst skeletonTileProgressSlide = keyframes`\n 0%, 100% {\n fill: #edf1f7;\n }\n 60% {\n opacity: 0.4;\n }\n`;\nconst dotKeyframes = keyframes`\n 0% {\n opacity: 0.2;\n transform: scale(0.8, 0.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2, 1.2);\n }\n\n 100% {\n opacity: 0;\n transform: scale(1, 1);\n }\n`;\n\nexport function collabStyles() {\n return {\n \"collab-indicator\": css`\n width: 2.25rem;\n height: 2.25rem;\n background-color: gray;\n border-radius: 50% 50% 50% 0%;\n border: 2px solid white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n `,\n \"collab-popup\": css`\n position: fixed;\n z-index: 1000;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n border: 1px solid #e5e7eb;\n overflow: auto;\n `,\n \"collab-avatar\": css`\n background-color: #edf1f7;\n border: 1.5px solid #ffffff;\n border-radius: 50%;\n font-family: Inter, sans-serif;\n font-weight: 600;\n justify-content: center;\n position: relative;\n `,\n \"collab-avatar--single\": css`\n border: none;\n font-size: 0.6875rem;\n height: 2rem;\n width: 2rem;\n border-radius: 22.5rem;\n border: 0.125rem solid #dde3ee;\n background: #ffffff;\n position: relative;\n overflow: hidden;\n\n &:hover .collab-avatar__image {\n filter: grayscale(0);\n }\n `,\n \"collab-avatar__image\": css`\n filter: grayscale(1);\n transition: filter 300ms ease;\n border-radius: 50%;\n height: 0;\n left: 50%;\n min-width: 100%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n `,\n \"collab-avatar__link\": css`\n color: #475161;\n cursor: pointer;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n background-color 300ms ease,\n color 300ms ease;\n width: 100%;\n font-weight: 600;\n font-size: 0.75rem;\n `,\n \"collab-tooltip--wrapper\": css`\n position: relative;\n display: inline-block;\n `,\n \"collab-tooltip\": css`\n position: fixed;\n z-index: 2147483647 !important;\n padding: 8px 12px;\n font-size: 14px;\n color: #f7f9fc;\n background-color: #767676;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n opacity: 0;\n animation: simpleFade 0.15s ease-in forwards;\n\n @keyframes simpleFade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `,\n \"collab-tooltip--top\": css`\n &::before {\n content: \"\";\n position: absolute;\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 5px 5px 0;\n border-style: solid;\n border-color: #767676 transparent transparent;\n }\n `,\n \"collab-tooltip--bottom\": css`\n &::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent #767676;\n }\n `,\n \"collab-tooltip--left\": css`\n &::before {\n content: \"\";\n position: absolute;\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent transparent #767676;\n }\n `,\n \"collab-tooltip--right\": css`\n &::before {\n content: \"\";\n position: absolute;\n left: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 5px 5px 0;\n border-style: solid;\n border-color: transparent #767676 transparent transparent;\n }\n `,\n \"collab-icon\": css`\n height: 1.25rem;\n width: 1.25rem;\n cursor: pointer;\n `,\n \"collab-icon-wrapper\": css`\n padding: 0 0.5rem;\n `,\n \"collab-button--basestyle\": css`\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n cursor: pointer;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1;\n min-height: 2rem;\n min-width: 2rem;\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n vertical-align: middle;\n cursor: pointer;\n opacity: 1;\n pointer-events: auto;\n `,\n \"collab-button--disabled\": css`\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: auto;\n `,\n \"collab-button--loading\": css`\n cursor: default;\n pointer-events: none;\n `,\n \"collab-button--loader\": css`\n display: flex;\n justify-content: center;\n text-align: center;\n `,\n \"collab-button--loader--wrapper\": css`\n left: 50%;\n position: absolute;\n top: 50%;\n -webkit-transform: translateX(-50%) translateY(-50%);\n -moz-transform: translateX(-50%) translateY(-50%);\n `,\n \"collab-button--loader--animation\": css`\n animation: ${dotKeyframes} 1.5s infinite ease-in-out;\n\n border-radius: 0.625rem;\n display: inline-block;\n height: 0.3125rem;\n margin-right: 0.25rem;\n width: 0.3125rem;\n\n &:nth-child(2) {\n animation-delay: 0.5s;\n }\n\n &:nth-child(3) {\n animation-delay: 1s;\n margin-right: 0;\n }\n `,\n \"collab-button--visible\": css`\n visibility: visible;\n `,\n \"collab-button--hidden\": css`\n visibility: hidden;\n `,\n \"collab-button--loading--color\": {\n primary: css`\n background-color: #f9f8ff !important;\n `,\n secondary: css`\n background-color: #6c5ce7 !important;\n `,\n tertiary: css`\n background-color: #6c5ce7 !important;\n `,\n destructive: css`\n background-color: #f9f8ff !important;\n `,\n },\n \"collab-button--type\": {\n primary: css`\n background-color: #6c5ce7 !important;\n color: #ffffff;\n &:hover {\n background-color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n background-color: #3e3871 !important;\n }\n `,\n secondary: css`\n background-color: #f9f8ff !important;\n border: 1px solid #6c5ce7 !important;\n color: #6c5ce7 !important;\n &:hover {\n border-color: #5d50be !important;\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n border-color: #3e3871 !important;\n color: #3e3871 !important;\n }\n `,\n tertiary: css`\n color: #6c5ce7 !important;\n &:hover {\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n destructive: css`\n background-color: #a31b00 !important;\n color: #ffffff !important;\n &:hover {\n background-color: #701300 !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n },\n \"collab-button--size\": {\n large: css`\n font-size: 1rem;\n min-height: 2.5rem;\n max-height: 2.5rem;\n `,\n regular: css`\n margin-top: -1px;\n `,\n small: css`\n font-size: 0.875rem;\n min-height: 2rem;\n max-height: 2rem;\n padding: 0.3125rem 1rem;\n `,\n },\n \"collab-button--icon-allignment\": {\n left: css`\n svg:first-child {\n float: left;\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `,\n right: css`\n svg:first-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n both: css`\n svg:first-child {\n float: left;\n margin-right: 0.5rem;\n margin-left: 0;\n }\n svg:last-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n },\n \"collab-button-group\": css`\n display: flex;\n & > button {\n margin-right: 1rem;\n &:last-child {\n margin-right: 0;\n }\n }\n `,\n \"collab-skeletonTileSvgClass\": css`\n & > g rect {\n animation: ${skeletonTileProgressSlide} 1.8s infinite;\n }\n `,\n \"collab-thread-body-comment--loader\": css`\n padding: 0.625rem;\n `,\n \"collab-thread--wrapper\": css`\n cursor: default;\n position: relative;\n padding: 0 !important;\n font-family: Inter, sans-serif;\n color: #475161;\n width: 20.75rem;\n `,\n \"collab-thread--container\": css`\n max-height: 23.125rem;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n `,\n \"collab-thread-header--wrapper\": css`\n height: 2.5rem;\n padding: 0.2rem 0.1rem 0rem 0.625rem;\n `,\n \"collab-thread-header--container\": css`\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-header--title\": css`\n font-weight: 600;\n font-size: 0.875rem;\n `,\n \"collab-thread-header--resolve\": css`\n border-radius: 6px !important;\n `,\n \"collab-thread-header--resolve--icon\": css`\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem !important;\n `,\n \"collab-thread-header--resolve--text\": css`\n font-size: 0.875rem;\n `,\n \"collab-thread-footer--wrapper\": css`\n height: 3.5rem;\n width: 100%;\n flex-direction: row-reverse;\n padding: 0 0.9375rem;\n flex-shrink: 0;\n `,\n \"collab-thread-body--wrapper\": css`\n border: solid #edf1f7;\n border-width: 0.0625rem 0;\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n `,\n \"collab-thread-input-indicator--wrapper\": css`\n padding: 0 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 150%;\n letter-spacing: 0.01em;\n min-height: 1.3125rem !important;\n `,\n \"collab-thread-input-indicator--error\": css`\n width: 100%;\n margin-right: 0.5rem;\n color: #d62400;\n `,\n \"collab-thread-input-indicator--count\": css`\n color: #475161;\n `,\n \"collab-thread-comment--user-details\": css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-comment--user-details__text\": css`\n padding-left: 0.625rem;\n flex-grow: 1;\n min-width: 0;\n `,\n \"collab-thread-comment--user-name\": css`\n font-style: normal;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 150%;\n letter-spacing: 0.015rem;\n color: #475161;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"collab-thread-comment--list\": css`\n max-height: 10.9rem;\n display: flex;\n overflow: auto;\n flex-flow: column-reverse;\n `,\n \"collab-thread-comment-seperator\": css`\n width: 100%;\n height: 1.5rem;\n stroke-width: 0.0625rem;\n stroke: #dde3ee;\n `,\n \"collab-thread-comment--time-details\": css`\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 150%;\n font-style: Inter;\n letter-spacing: 0.015rem;\n color: #6e6b86;\n `,\n \"collab-thread-comment--message\": css`\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n color: #475161;\n word-break: break-all;\n width: calc(100% - 10px);\n min-height: 2.25rem;\n white-space: pre-wrap;\n\n b {\n color: #6c5ce7;\n font-weight: 400;\n }\n `,\n \"collab-thread-comment--wrapper\": css`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.625rem;\n padding: 0.625rem;\n `,\n \"collab-thread-comment-action--wrapper\": css`\n margin-left: auto;\n display: flex;\n `,\n \"collab-thread-body--input--wrapper\": css`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n grid-gap: 0.25rem;\n `,\n \"collab-thread-body--input\": css`\n position: relative;\n overflow-y: visible;\n `,\n \"collab-thread-body--input--textarea--wrapper\": css`\n width: 100%;\n transition: height 0.2s ease-in 0s;\n `,\n \"collab-thread-body--input--textarea\": css`\n display: block;\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n box-sizing: border-box;\n background-color: #ffffff;\n font-family: inherit;\n font-size: 1rem;\n letter-spacing: inherit;\n height: 100%;\n bottom: 0;\n overflow: auto;\n resize: vertical;\n border-radius: 4px;\n border: 0.0625rem solid #dde3ee;\n line-height: 1.375rem;\n color: #222222;\n padding: 0.5rem 1rem;\n max-height: 6.25rem;\n min-height: 4.125rem;\n transition:\n border 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n `,\n \"collab-thread-body--input--textarea--focus\": css`\n background-color: #ffffff !important;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n border-radius: 4px !important;\n outline: none;\n `,\n\n \"collab-thread-body--input--textarea--hover\": css`\n background-color: #edf1f7;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n `,\n \"collab-thread-body--input--textarea--suggestionsList\": css`\n list-style: none;\n padding-inline: unset;\n position: fixed;\n background-color: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n max-height: 192px;\n overflow-y: auto;\n width: 256px;\n max-height: 160px;\n z-index: 50;\n animation: fadeIn 0.2s ease-in-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item\": css`\n width: 100%;\n padding: 8px 16px;\n text-align: left;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: #f3f4f6;\n color: #5d50be;\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item-selected\": css`\n background-color: #f3f4f6;\n color: #5d50be;\n `,\n };\n}\n\nexport const flexCentered = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const flexAlignCenter = css`\n display: flex;\n align-items: center;\n`;\n"],"mappings":"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","names":[]}
package/dist/modern/visualBuilder/collab.style.js CHANGED
@@ -53,7 +53,7 @@ function collabStyles() {
53
53
  background-color: #edf1f7;
54
54
  border: 1.5px solid #ffffff;
55
55
  border-radius: 50%;
56
- font-family: Inter;
56
+ font-family: Inter, sans-serif;
57
57
  font-weight: 600;
58
58
  justify-content: center;
59
59
  position: relative;
@@ -383,7 +383,7 @@ function collabStyles() {
383
383
  cursor: default;
384
384
  position: relative;
385
385
  padding: 0 !important;
386
- font-family: Inter;
386
+ font-family: Inter, sans-serif;
387
387
  color: #475161;
388
388
  width: 20.75rem;
389
389
  `,