ai-design-system 0.1.0

package/dist/index.css

@@ -0,0 +1,75 @@
+/* components/composites/DocumentEditor/DocumentEditor.css */
+.document-editor-wrapper .ProseMirror {
+}
+.document-editor-wrapper ::selection {
+  background-color: color-mix(in oklch, var(--primary) 50%, transparent);
+  color: inherit;
+}
+.document-editor-wrapper ::-moz-selection {
+  background-color: color-mix(in oklch, var(--primary) 50%, transparent);
+  color: inherit;
+}
+.document-editor-wrapper .ProseMirror {
+  caret-color: auto;
+}
+.document-editor-wrapper .ProseMirror:not(:focus) .ProseMirror-selectednode {
+  background-color: color-mix(in oklch, var(--primary) 50%, transparent);
+}
+@layer components {
+  .annotation-suggestion-insert {
+    background-color: var(--annotation-addition);
+    color: var(--annotation-addition-foreground);
+    text-decoration: none;
+    cursor: pointer;
+    transition: background-color 200ms;
+  }
+  .annotation-suggestion-insert[data-hover=true],
+  .annotation-suggestion-insert[data-active=true] {
+    background-color: color-mix(in oklch, var(--annotation-addition) 80%, black);
+  }
+  .annotation-suggestion-delete {
+    background-color: var(--annotation-deletion);
+    text-decoration: line-through;
+    color: var(--annotation-deletion-foreground);
+    cursor: pointer;
+    transition: background-color 200ms;
+  }
+  .annotation-suggestion-delete[data-hover=true],
+  .annotation-suggestion-delete[data-active=true] {
+    background-color: color-mix(in oklch, var(--annotation-deletion) 80%, black);
+  }
+  .annotation-suggestion-modify {
+    cursor: pointer;
+    transition: background-color 200ms;
+  }
+  .annotation-suggestion-modify[data-hover=true],
+  .annotation-suggestion-modify[data-active=true] {
+    background-color: color-mix(in oklch, var(--annotation-comment) 80%, black);
+  }
+  .annotation-block-addition {
+    background-color: var(--annotation-addition);
+    border-left: 4px solid var(--annotation-addition-border);
+    padding: 0.75rem;
+    margin: 0.5rem 0;
+    border-radius: var(--radius);
+    position: relative;
+    cursor: pointer;
+    transition: background-color 200ms;
+  }
+  .annotation-block-addition[data-active=true] {
+    background-color: color-mix(in oklch, var(--annotation-addition) 80%, black);
+  }
+  .annotation-block-addition::before {
+    content: "Added";
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    background-color: var(--annotation-addition-border);
+    color: white;
+    padding: 0.125rem 0.5rem;
+    border-radius: var(--radius-sm);
+    font-size: 0.75rem;
+    font-weight: 500;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/composites/DocumentEditor/DocumentEditor.css"],"sourcesContent":["/**\n * DocumentEditor Styles\n * \n * Styles for annotation highlights using design system tokens\n * Typography styles are inherited from the global .prose class in globals.css\n */\n\n/* Apply prose typography styles to ProseMirror content */\n.document-editor-wrapper .ProseMirror {\n  /* Inherits all typography styles from .prose in globals.css */\n}\n\n/* Text Selection Highlight - Bright blue for visibility */\n.document-editor-wrapper ::selection {\n  background-color: color-mix(in oklch, var(--primary) 50%, transparent);\n  color: inherit;\n}\n\n.document-editor-wrapper ::-moz-selection {\n  background-color: color-mix(in oklch, var(--primary) 50%, transparent);\n  color: inherit;\n}\n\n/* Keep selection visible even when editor loses focus */\n.document-editor-wrapper .ProseMirror {\n  caret-color: auto;\n}\n\n/* Style for inactive selection (when editor is not focused) */\n.document-editor-wrapper .ProseMirror:not(:focus) .ProseMirror-selectednode {\n  background-color: color-mix(in oklch, var(--primary) 50%, transparent);\n}\n\n/* Annotation styles in @layer for proper cascade */\n@layer components {\n  /* Suggestion Insert */\n  .annotation-suggestion-insert {\n    background-color: var(--annotation-addition);\n    color: var(--annotation-addition-foreground);\n    text-decoration: none;\n    cursor: pointer;\n    transition: background-color 200ms;\n  }\n\n  .annotation-suggestion-insert[data-hover=\"true\"],\n  .annotation-suggestion-insert[data-active=\"true\"] {\n    background-color: color-mix(in oklch, var(--annotation-addition) 80%, black);\n  }\n\n  /* Suggestion Delete */\n  .annotation-suggestion-delete {\n    background-color: var(--annotation-deletion);\n    text-decoration: line-through;\n    color: var(--annotation-deletion-foreground);\n    cursor: pointer;\n    transition: background-color 200ms;\n  }\n\n  .annotation-suggestion-delete[data-hover=\"true\"],\n  .annotation-suggestion-delete[data-active=\"true\"] {\n    background-color: color-mix(in oklch, var(--annotation-deletion) 80%, black);\n  }\n\n  /* Suggestion Modify */\n  .annotation-suggestion-modify {\n    cursor: pointer;\n    transition: background-color 200ms;\n  }\n\n  .annotation-suggestion-modify[data-hover=\"true\"],\n  .annotation-suggestion-modify[data-active=\"true\"] {\n    background-color: color-mix(in oklch, var(--annotation-comment) 80%, black);\n  }\n\n  /* Block Addition */\n  .annotation-block-addition {\n    background-color: var(--annotation-addition);\n    border-left: 4px solid var(--annotation-addition-border);\n    padding: 0.75rem;\n    margin: 0.5rem 0;\n    border-radius: var(--radius);\n    position: relative;\n    cursor: pointer;\n    transition: background-color 200ms;\n  }\n\n  .annotation-block-addition[data-active=\"true\"] {\n    background-color: color-mix(in oklch, var(--annotation-addition) 80%, black);\n  }\n\n  .annotation-block-addition::before {\n    content: 'Added';\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    background-color: var(--annotation-addition-border);\n    color: white;\n    padding: 0.125rem 0.5rem;\n    border-radius: var(--radius-sm);\n    font-size: 0.75rem;\n    font-weight: 500;\n  }\n}\n\n\n\n"],"mappings":";AAQA,CAAC,wBAAwB,CAAC;AAE1B;AAGA,CALC,wBAKwB;AACvB,oBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AAC1D,SAAO;AACT;AAEA,CAVC,wBAUwB;AACvB,oBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AAC1D,SAAO;AACT;AAGA,CAhBC,wBAgBwB,CAhBC;AAiBxB,eAAa;AACf;AAGA,CArBC,wBAqBwB,CArBC,WAqBW,KAAK,QAAQ,CAAC;AACjD,oBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AAC5D;AAGA;AAEE,GAAC;AACC,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,qBAAiB;AACjB,YAAQ;AACR,gBAAY,iBAAiB;AAC/B;AAEA,GARC,4BAQ4B,CAAC;AAAA,EAC9B,CATC,4BAS4B,CAAC;AAC5B,sBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,uBAAuB,GAAG,EAAE;AACxE;AAGA,GAAC;AACC,sBAAkB,IAAI;AACtB,qBAAiB;AACjB,WAAO,IAAI;AACX,YAAQ;AACR,gBAAY,iBAAiB;AAC/B;AAEA,GARC,4BAQ4B,CAAC;AAAA,EAC9B,CATC,4BAS4B,CAAC;AAC5B,sBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,uBAAuB,GAAG,EAAE;AACxE;AAGA,GAAC;AACC,YAAQ;AACR,gBAAY,iBAAiB;AAC/B;AAEA,GALC,4BAK4B,CAAC;AAAA,EAC9B,CANC,4BAM4B,CAAC;AAC5B,sBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,sBAAsB,GAAG,EAAE;AACvE;AAGA,GAAC;AACC,sBAAkB,IAAI;AACtB,iBAAa,IAAI,MAAM,IAAI;AAC3B,aAAS;AACT,YAAQ,OAAO;AACf,mBAAe,IAAI;AACnB,cAAU;AACV,YAAQ;AACR,gBAAY,iBAAiB;AAC/B;AAEA,GAXC,yBAWyB,CAAC;AACzB,sBAAkB,UAAU,GAAG,KAAK,EAAE,IAAI,uBAAuB,GAAG,EAAE;AACxE;AAEA,GAfC,yBAeyB;AACxB,aAAS;AACT,cAAU;AACV,SAAK;AACL,WAAO;AACP,sBAAkB,IAAI;AACtB,WAAO;AACP,aAAS,SAAS;AAClB,mBAAe,IAAI;AACnB,eAAW;AACX,iBAAa;AACf;AACF;","names":[]}