@contentstack/live-preview-utils 3.1.3 → 3.2.0

package/dist/legacy/visualBuilder/collab.style.js

@@ -0,0 +1,635 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/collab.style.ts
+import { css, keyframes } from "goober";
+var skeletonTileProgressSlide = keyframes`
+    0%, 100% {
+        fill: #edf1f7;
+    }
+    60% {
+        opacity: 0.4;
+    }
+`;
+var dotKeyframes = keyframes`
+  0% {
+    opacity: 0.2;
+    transform: scale(0.8, 0.8);
+  }
+
+  50% {
+    opacity: 1;
+    transform: scale(1.2, 1.2);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(1, 1);
+  }
+`;
+function collabStyles() {
+  return {
+    "collab-indicator": css`
+            width: 2.25rem;
+            height: 2.25rem;
+            background-color: gray;
+            border-radius: 50% 50% 50% 0%;
+            border: 2px solid white;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        `,
+    "collab-popup": css`
+            position: fixed;
+            z-index: 1000;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            border: 1px solid #e5e7eb;
+            overflow: auto;
+        `,
+    "collab-avatar": css`
+            background-color: #edf1f7;
+            border: 1.5px solid #ffffff;
+            border-radius: 50%;
+            font-family: Inter;
+            font-weight: 600;
+            justify-content: center;
+            position: relative;
+        `,
+    "collab-avatar--single": css`
+            border: none;
+            font-size: 0.6875rem;
+            height: 2rem;
+            width: 2rem;
+            border-radius: 22.5rem;
+            border: 0.125rem solid #dde3ee;
+            background: #ffffff;
+            position: relative;
+            overflow: hidden;
+
+            &:hover .collab-avatar__image {
+                filter: grayscale(0);
+            }
+        `,
+    "collab-avatar__image": css`
+            filter: grayscale(1);
+            transition: filter 300ms ease;
+            border-radius: 50%;
+            height: 0;
+            left: 50%;
+            min-width: 100%;
+            position: absolute;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            width: 0;
+        `,
+    "collab-avatar__link": css`
+            color: #475161;
+            cursor: pointer;
+            height: 100%;
+            justify-content: center;
+            overflow: hidden;
+            text-decoration: none;
+            text-transform: uppercase;
+            transition:
+                background-color 300ms ease,
+                color 300ms ease;
+            width: 100%;
+            font-weight: 600;
+            font-size: 0.75rem;
+        `,
+    "collab-tooltip--wrapper": css`
+            position: relative;
+            display: inline-block;
+        `,
+    "collab-tooltip": css`
+            position: fixed;
+            z-index: 2147483647 !important;
+            padding: 8px 12px;
+            font-size: 14px;
+            color: #f7f9fc;
+            background-color: #767676;
+            border-radius: 4px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+            opacity: 0;
+            animation: simpleFade 0.15s ease-in forwards;
+
+            @keyframes simpleFade {
+                from {
+                    opacity: 0;
+                }
+                to {
+                    opacity: 1;
+                }
+            }
+        `,
+    "collab-tooltip--top": css`
+            &::before {
+                content: "";
+                position: absolute;
+                bottom: -5px;
+                left: 50%;
+                transform: translateX(-50%);
+                border-width: 5px 5px 0;
+                border-style: solid;
+                border-color: #767676 transparent transparent;
+            }
+        `,
+    "collab-tooltip--bottom": css`
+            &::before {
+                content: "";
+                position: absolute;
+                top: -5px;
+                left: 50%;
+                transform: translateX(-50%);
+                border-width: 0 5px 5px;
+                border-style: solid;
+                border-color: transparent transparent #767676;
+            }
+        `,
+    "collab-tooltip--left": css`
+            &::before {
+                content: "";
+                position: absolute;
+                right: -5px;
+                top: 50%;
+                transform: translateY(-50%);
+                border-width: 5px 0 5px 5px;
+                border-style: solid;
+                border-color: transparent transparent transparent #767676;
+            }
+        `,
+    "collab-tooltip--right": css`
+            &::before {
+                content: "";
+                position: absolute;
+                left: -5px;
+                top: 50%;
+                transform: translateY(-50%);
+                border-width: 5px 5px 5px 0;
+                border-style: solid;
+                border-color: transparent #767676 transparent transparent;
+            }
+        `,
+    "collab-icon": css`
+            height: 1.25rem;
+            width: 1.25rem;
+            cursor: pointer;
+        `,
+    "collab-icon-wrapper": css`
+            padding: 0 0.5rem;
+        `,
+    "collab-button--basestyle": css`
+            box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            background-color: transparent;
+            border: 1px solid transparent;
+            border-radius: 4px;
+            cursor: pointer;
+            font-family: Inter, sans-serif;
+            font-size: 1rem;
+            font-weight: 600;
+            line-height: 1;
+            min-height: 2rem;
+            min-width: 2rem;
+            padding: 0.5rem 1rem;
+            position: relative;
+            text-align: center;
+            transition:
+                color 0.15s ease-in-out,
+                background-color 0.15s ease-in-out,
+                border-color 0.15s ease-in-out,
+                box-shadow 0.15s ease-in-out;
+            vertical-align: middle;
+            cursor: pointer;
+            opacity: 1;
+            pointer-events: auto;
+        `,
+    "collab-button--disabled": css`
+            cursor: not-allowed;
+            opacity: 0.4;
+            pointer-events: auto;
+        `,
+    "collab-button--loading": css`
+            cursor: default;
+            pointer-events: none;
+        `,
+    "collab-button--loader": css`
+            display: flex;
+            justify-content: center;
+            text-align: center;
+        `,
+    "collab-button--loader--wrapper": css`
+            left: 50%;
+            position: absolute;
+            top: 50%;
+            -webkit-transform: translateX(-50%) translateY(-50%);
+            -moz-transform: translateX(-50%) translateY(-50%);
+        `,
+    "collab-button--loader--animation": css`
+            animation: ${dotKeyframes} 1.5s infinite ease-in-out;
+
+            border-radius: 0.625rem;
+            display: inline-block;
+            height: 0.3125rem;
+            margin-right: 0.25rem;
+            width: 0.3125rem;
+
+            &:nth-child(2) {
+                animation-delay: 0.5s;
+            }
+
+            &:nth-child(3) {
+                animation-delay: 1s;
+                margin-right: 0;
+            }
+        `,
+    "collab-button--visible": css`
+            visibility: visible;
+        `,
+    "collab-button--hidden": css`
+            visibility: hidden;
+        `,
+    "collab-button--loading--color": {
+      primary: css`
+                background-color: #f9f8ff !important;
+            `,
+      secondary: css`
+                background-color: #6c5ce7 !important;
+            `,
+      tertiary: css`
+                background-color: #6c5ce7 !important;
+            `,
+      destructive: css`
+                background-color: #f9f8ff !important;
+            `
+    },
+    "collab-button--type": {
+      primary: css`
+                background-color: #6c5ce7 !important;
+                color: #ffffff;
+                &:hover {
+                    background-color: #5d50be !important;
+                }
+                &:focus {
+                    box-shadow: 0px 0px 0px 2px #ada4f4 !important;
+                }
+                &:active {
+                    background-color: #3e3871 !important;
+                }
+            `,
+      secondary: css`
+                background-color: #f9f8ff !important;
+                border: 1px solid #6c5ce7 !important;
+                color: #6c5ce7 !important;
+                &:hover {
+                    border-color: #5d50be !important;
+                    color: #5d50be !important;
+                }
+                &:focus {
+                    box-shadow: 0px 0px 0px 2px #ada4f4 !important;
+                }
+                &:active {
+                    border-color: #3e3871 !important;
+                    color: #3e3871 !important;
+                }
+            `,
+      tertiary: css`
+                color: #6c5ce7 !important;
+                &:hover {
+                    color: #5d50be !important;
+                }
+                &:focus {
+                    box-shadow: 0px 0px 0px 2px #ada4f4 !important;
+                }
+            `,
+      destructive: css`
+                background-color: #a31b00 !important;
+                color: #ffffff !important;
+                &:hover {
+                    background-color: #701300 !important;
+                }
+                &:focus {
+                    box-shadow: 0px 0px 0px 2px #ada4f4 !important;
+                }
+            `
+    },
+    "collab-button--size": {
+      large: css`
+                font-size: 1rem;
+                min-height: 2.5rem;
+                max-height: 2.5rem;
+            `,
+      regular: css`
+                margin-top: -1px;
+            `,
+      small: css`
+                font-size: 0.875rem;
+                min-height: 2rem;
+                max-height: 2rem;
+                padding: 0.3125rem 1rem;
+            `
+    },
+    "collab-button--icon-allignment": {
+      left: css`
+                svg:first-child {
+                    float: left;
+                    margin-left: 0;
+                    margin-right: 0.5rem;
+                }
+            `,
+      right: css`
+                svg:first-child {
+                    float: right;
+                    margin-left: 0.5rem;
+                    margin-right: 0;
+                }
+            `,
+      both: css`
+                svg:first-child {
+                    float: left;
+                    margin-right: 0.5rem;
+                    margin-left: 0;
+                }
+                svg:last-child {
+                    float: right;
+                    margin-left: 0.5rem;
+                    margin-right: 0;
+                }
+            `
+    },
+    "collab-button-group": css`
+            display: flex;
+            & > button {
+                margin-right: 1rem;
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        `,
+    "collab-skeletonTileSvgClass": css`
+            & > g rect {
+                animation: ${skeletonTileProgressSlide} 1.8s infinite;
+            }
+        `,
+    "collab-thread-body-comment--loader": css`
+            padding: 0.625rem;
+        `,
+    "collab-thread--wrapper": css`
+            cursor: default;
+            position: relative;
+            padding: 0 !important;
+            font-family: Inter;
+            color: #475161;
+            width: 20.75rem;
+        `,
+    "collab-thread--container": css`
+            max-height: 23.125rem;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        `,
+    "collab-thread-header--wrapper": css`
+            height: 2.5rem;
+            padding: 0.2rem 0.1rem 0rem 0.625rem;
+        `,
+    "collab-thread-header--container": css`
+            justify-content: space-between;
+            width: 100%;
+        `,
+    "collab-thread-header--title": css`
+            font-weight: 600;
+            font-size: 0.875rem;
+        `,
+    "collab-thread-header--resolve": css`
+            border-radius: 6px !important;
+        `,
+    "collab-thread-header--resolve--icon": css`
+            width: 1.25rem;
+            height: 1.25rem;
+            margin-right: 0.5rem !important;
+        `,
+    "collab-thread-header--resolve--text": css`
+            font-size: 0.875rem;
+        `,
+    "collab-thread-footer--wrapper": css`
+            height: 3.5rem;
+            width: 100%;
+            flex-direction: row-reverse;
+            padding: 0 0.9375rem;
+            flex-shrink: 0;
+        `,
+    "collab-thread-body--wrapper": css`
+            border: solid #edf1f7;
+            border-width: 0.0625rem 0;
+            flex: 1;
+            overflow: auto;
+            display: flex;
+            flex-direction: column;
+        `,
+    "collab-thread-input-indicator--wrapper": css`
+            padding: 0 0.5rem;
+            font-weight: 400;
+            font-size: 0.875rem;
+            line-height: 150%;
+            letter-spacing: 0.01em;
+            min-height: 1.3125rem !important;
+        `,
+    "collab-thread-input-indicator--error": css`
+            width: 100%;
+            margin-right: 0.5rem;
+            color: #d62400;
+        `,
+    "collab-thread-input-indicator--count": css`
+            color: #475161;
+        `,
+    "collab-thread-comment--user-details": css`
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 100%;
+        `,
+    "collab-thread-comment--user-details__text": css`
+            padding-left: 0.625rem;
+            flex-grow: 1;
+            min-width: 0;
+        `,
+    "collab-thread-comment--user-name": css`
+            font-style: normal;
+            font-weight: 600;
+            font-size: 0.75rem;
+            line-height: 150%;
+            letter-spacing: 0.015rem;
+            color: #475161;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        `,
+    "collab-thread-comment--list": css`
+            max-height: 10.9rem;
+            display: flex;
+            overflow: auto;
+            flex-flow: column-reverse;
+        `,
+    "collab-thread-comment-seperator": css`
+            width: 100%;
+            height: 1.5rem;
+            stroke-width: 0.0625rem;
+            stroke: #dde3ee;
+        `,
+    "collab-thread-comment--time-details": css`
+            font-weight: 400;
+            font-size: 0.75rem;
+            line-height: 150%;
+            font-style: Inter;
+            letter-spacing: 0.015rem;
+            color: #6e6b86;
+        `,
+    "collab-thread-comment--message": css`
+            font-weight: 400;
+            font-size: 1rem;
+            line-height: 1.5rem;
+            color: #475161;
+            word-break: break-all;
+            width: calc(100% - 10px);
+            min-height: 2.25rem;
+            white-space: pre-wrap;
+
+            b {
+                color: #6c5ce7;
+                font-weight: 400;
+            }
+        `,
+    "collab-thread-comment--wrapper": css`
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 0.625rem;
+            padding: 0.625rem;
+        `,
+    "collab-thread-comment-action--wrapper": css`
+            margin-left: auto;
+            display: flex;
+        `,
+    "collab-thread-body--input--wrapper": css`
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            gap: 0.25rem;
+            grid-gap: 0.25rem;
+        `,
+    "collab-thread-body--input": css`
+            position: relative;
+            overflow-y: visible;
+        `,
+    "collab-thread-body--input--textarea--wrapper": css`
+            width: 100%;
+            transition: height 0.2s ease-in 0s;
+        `,
+    "collab-thread-body--input--textarea": css`
+            display: block;
+            width: 100%;
+            position: relative;
+            top: 0;
+            left: 0;
+            box-sizing: border-box;
+            background-color: #ffffff;
+            font-family: inherit;
+            font-size: 1rem;
+            letter-spacing: inherit;
+            height: 100%;
+            bottom: 0;
+            overflow: auto;
+            resize: vertical;
+            border-radius: 4px;
+            border: 0.0625rem solid #dde3ee;
+            line-height: 1.375rem;
+            color: #222222;
+            padding: 0.5rem 1rem;
+            max-height: 6.25rem;
+            min-height: 4.125rem;
+            transition:
+                border 0.2s ease,
+                box-shadow 0.2s ease,
+                background-color 0.2s ease;
+        `,
+    "collab-thread-body--input--textarea--focus": css`
+            background-color: #ffffff !important;
+            border: 0.0625rem solid #5d50be !important;
+            box-shadow: 0 0 0 0.0625rem #5d50be !important;
+            border-radius: 4px !important;
+            outline: none;
+        `,
+    "collab-thread-body--input--textarea--hover": css`
+            background-color: #edf1f7;
+            border: 0.0625rem solid #5d50be !important;
+            box-shadow: 0 0 0 0.0625rem #5d50be !important;
+        `,
+    "collab-thread-body--input--textarea--suggestionsList": css`
+            list-style: none;
+            padding-inline: unset;
+            position: fixed;
+            background-color: #ffffff;
+            border: 1px solid #e2e8f0;
+            border-radius: 8px;
+            box-shadow:
+                0 4px 6px -1px rgba(0, 0, 0, 0.1),
+                0 2px 4px -1px rgba(0, 0, 0, 0.06);
+            max-height: 192px;
+            overflow-y: auto;
+            width: 256px;
+            max-height: 160px;
+            z-index: 50;
+            animation: fadeIn 0.2s ease-in-out;
+
+            @keyframes fadeIn {
+                from {
+                    opacity: 0;
+                    transform: translateY(-4px);
+                }
+                to {
+                    opacity: 1;
+                    transform: translateY(0);
+                }
+            }
+        `,
+    "collab-thread-body--input--textarea--suggestionsList--item": css`
+            width: 100%;
+            padding: 8px 16px;
+            text-align: left;
+            border: none;
+            background: none;
+            cursor: pointer;
+            font-size: 14px;
+            transition: background-color 0.2s;
+
+            &:hover {
+                background-color: #f3f4f6;
+                color: #5d50be;
+            }
+        `,
+    "collab-thread-body--input--textarea--suggestionsList--item-selected": css`
+            background-color: #f3f4f6;
+            color: #5d50be;
+        `
+  };
+}
+var flexCentered = css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;
+var flexAlignCenter = css`
+    display: flex;
+    align-items: center;
+`;
+export {
+  collabStyles,
+  flexAlignCenter,
+  flexCentered
+};
+//# sourceMappingURL=collab.style.js.map

package/dist/legacy/visualBuilder/collab.style.js.map

@@ -0,0 +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":[]}