@vscode/markdown-editor 0.0.2-13 → 0.0.2-131

package/src/contrib/commentsVscode/vscodeCommentWidgetV2.css

@@ -1,166 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-/*
- * Styling for VsCodeCommentWidgetV2 — a replica of the Figma "Markdown comment"
- * frames. It is theme-aware: every colour is driven by a VS Code `--vscode-*`
- * design token, with the original Figma dark values kept only as literal
- * fallbacks (so the card still renders when no theme provider is present). Wrap
- * the widget in `.vscode-comments-light` / `.vscode-comments-dark` (from
- * vscodeCommentTokens.css) to supply those tokens.
- *
- * Figma token  ->  VS Code token (fallback)
- *   editorWidget/background   --vscode-editorWidget-background   (#202122)
- *   editorHoverWidget/border  --vscode-editorHoverWidget-border  (#2a2b2c)
- *   foreground                --vscode-foreground                (#bfbfbf)
- *   icon/foreground           --vscode-icon-foreground           (#8c8c8c)
- *   textLink/foreground       --vscode-textLink-foreground       (#48a0c7)
- */
-
-/* Supplemental tokens not provided by vscodeCommentTokens.css. */
-.vscode-comments-light {
-    --vscode-icon-foreground: #616161;
-    --vscode-textLink-foreground: #005fb8;
-}
-
-.vscode-comments-dark {
-    --vscode-icon-foreground: #cccccc;
-    --vscode-textLink-foreground: #4daafc;
-}
-
-.vscode-comment-widget-v2 {
-    box-sizing: border-box;
-    width: 320px;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    padding: 8px;
-    /* size80 */
-    background: var(--vscode-editorWidget-background, #202122);
-    border: 1px solid var(--vscode-editorHoverWidget-border, var(--vscode-editorWidget-border, #2a2b2c));
-    border-radius: var(--vscode-cornerRadius-large, 8px);
-    /* Outer radius */
-    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
-    font-family: var(--vscode-font-family, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
-}
-
-.vscode-comment-widget-v2 *,
-.vscode-comment-widget-v2 *::before,
-.vscode-comment-widget-v2 *::after {
-    box-sizing: border-box;
-}
-
-/* Header row: username on the left, edit/trash actions on the right. */
-.vscode-comment-widget-v2-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-}
-
-.vscode-comment-widget-v2-title-group {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    /* size60 */
-    flex: 1 0 0;
-    min-width: 0;
-}
-
-.vscode-comment-widget-v2-username {
-    flex: 1 0 0;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    /* Font ramp/Heading 3: SF Pro Text Semibold 13 */
-    font-size: 13px;
-    font-weight: 600;
-    line-height: normal;
-    color: var(--vscode-foreground, #bfbfbf);
-}
-
-.vscode-comment-widget-v2-actions {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    /* size40 */
-    flex-shrink: 0;
-}
-
-.vscode-comment-widget-v2-action {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    padding: 0;
-    margin: 0;
-    border: none;
-    background: transparent;
-    color: var(--vscode-icon-foreground, #8c8c8c);
-    cursor: pointer;
-}
-
-.vscode-comment-widget-v2-action:hover {
-    color: var(--vscode-foreground, #bfbfbf);
-}
-
-.vscode-comment-widget-v2-action svg {
-    display: block;
-    width: 16px;
-    height: 16px;
-}
-
-/* Body: comment text + optional "See more" / "See less" toggle. */
-.vscode-comment-widget-v2-body {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    /* size60 */
-    width: 100%;
-}
-
-.vscode-comment-widget-v2-text {
-    margin: 0;
-    width: 100%;
-    /* Font ramp/Body 1: SF Pro Text Regular 13 */
-    font-size: 13px;
-    font-weight: 400;
-    line-height: normal;
-    color: var(--vscode-foreground, #bfbfbf);
-    opacity: 0.9;
-    white-space: pre-wrap;
-    word-break: break-word;
-}
-
-/* Collapsed bodies clamp to three lines (matches the Figma "See more" frame). */
-.vscode-comment-widget-v2--collapsed .vscode-comment-widget-v2-text {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-    line-clamp: 3;
-    overflow: hidden;
-}
-
-.vscode-comment-widget-v2-toggle {
-    align-self: flex-start;
-    padding: 0;
-    margin: 0;
-    border: none;
-    background: none;
-    cursor: pointer;
-    text-align: left;
-    /* Font ramp/Label 1: SF Pro Text Regular 12 */
-    font-family: inherit;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: normal;
-    color: var(--vscode-textLink-foreground, #48a0c7);
-}
-
-.vscode-comment-widget-v2-toggle:hover {
-    text-decoration: underline;
-}