@delmaredigital/payload-puck 0.4.0 → 0.6.0

package/dist/fields/tiptap-styles.css

@@ -1,248 +0,0 @@
-/* TipTap Editor Styles for Puck
- * Applied to the TipTap editor instance in the Puck sidebar.
- */
-
-/* Basic editor styles */
-.tiptap-editor {
-  min-height: 200px;
-  outline: none;
-}
-
-.tiptap-editor:focus {
-  outline: none;
-}
-
-/* Paragraph styles */
-.tiptap-editor p {
-  margin: 0 0 1em 0;
-}
-
-.tiptap-editor p:last-child {
-  margin-bottom: 0;
-}
-
-/* Heading styles - use !important to override Tailwind preflight */
-.tiptap-editor h1 {
-  font-size: 2em !important;
-  font-weight: 700 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h1:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h2 {
-  font-size: 1.5em !important;
-  font-weight: 700 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h2:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h3 {
-  font-size: 1.25em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h3:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h4 {
-  font-size: 1.1em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h4:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h5 {
-  font-size: 1em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h5:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h6 {
-  font-size: 0.9em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-}
-
-.tiptap-editor h6:first-child {
-  margin-top: 0;
-}
-
-/* List styles - use !important to override Tailwind preflight */
-.tiptap-editor ul,
-.tiptap-editor ol {
-  padding-left: 1.5em !important;
-  margin: 0 0 1em 0;
-}
-
-.tiptap-editor ul:last-child,
-.tiptap-editor ol:last-child {
-  margin-bottom: 0;
-}
-
-.tiptap-editor ul {
-  list-style-type: disc !important;
-}
-
-.tiptap-editor ol {
-  list-style-type: decimal !important;
-}
-
-.tiptap-editor li {
-  margin: 0.25em 0;
-}
-
-.tiptap-editor li p {
-  margin: 0;
-}
-
-/* Blockquote styles - use !important to override Tailwind preflight */
-.tiptap-editor blockquote {
-  border-left: 4px solid hsl(var(--border, 220 13% 91%)) !important;
-  padding-left: 1em !important;
-  margin: 1em 0 !important;
-  font-style: italic !important;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-}
-
-/* Link styles - using primary color with fallback */
-.tiptap-editor a {
-  color: hsl(var(--primary, 221 83% 53%));
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-.tiptap-editor a:hover {
-  color: hsl(var(--primary, 221 83% 53%) / 0.8);
-}
-
-/* Code styles - using muted background with fallback */
-.tiptap-editor code {
-  background-color: hsl(var(--muted, 220 14% 96%));
-  padding: 0.125em 0.25em;
-  border-radius: 0.25em;
-  font-family: monospace;
-  font-size: 0.9em;
-}
-
-/* Placeholder */
-.tiptap-editor p.is-editor-empty:first-child::before {
-  content: attr(data-placeholder);
-  float: left;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-  pointer-events: none;
-  height: 0;
-}
-
-/* Focus styles */
-.ProseMirror:focus {
-  outline: none;
-}
-
-/* Selection styles */
-.tiptap-editor ::selection {
-  background-color: #b4d5fe;
-}
-
-/* Text alignment */
-.tiptap-editor [style*="text-align: center"] {
-  text-align: center;
-}
-
-.tiptap-editor [style*="text-align: right"] {
-  text-align: right;
-}
-
-.tiptap-editor [style*="text-align: left"] {
-  text-align: left;
-}
-
-/* Underline */
-.tiptap-editor u {
-  text-decoration: underline;
-}
-
-/* Strike */
-.tiptap-editor s {
-  text-decoration: line-through;
-}
-
-/* Highlight mark - uses inline style for color, this is fallback */
-.tiptap-editor mark {
-  background-color: #fef08a;
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.125rem;
-}
-
-/* Superscript */
-.tiptap-editor sup {
-  vertical-align: super;
-  font-size: 0.75em;
-}
-
-/* Subscript */
-.tiptap-editor sub {
-  vertical-align: sub;
-  font-size: 0.75em;
-}
-
-/* Horizontal Rule */
-.tiptap-editor hr {
-  border: none;
-  border-top: 2px solid hsl(var(--border, 220 13% 91%));
-  margin: 1.5em 0;
-}
-
-/* Justify alignment */
-.tiptap-editor [style*="text-align: justify"] {
-  text-align: justify;
-}
-
-/* =============================================================================
-   Inline Editor Styles (for RichTextInlineEditor)
-   ============================================================================= */
-
-/* Inline editor wrapper */
-.richtext-inline-editor {
-  position: relative;
-}
-
-/* Make the editor content area clickable and editable */
-.richtext-inline-editor .tiptap-editor {
-  cursor: text;
-}
-
-/* Subtle focus indicator for the entire editor area */
-.richtext-inline-editor:focus-within {
-  outline: none;
-}
-
-/* Ensure editor content has appropriate sizing within inline context */
-.richtext-inline-editor .ProseMirror {
-  min-height: 40px;
-  outline: none;
-}
-
-/* Placeholder for empty inline editor */
-.richtext-inline-editor .ProseMirror p.is-editor-empty:first-child::before {
-  content: 'Click to start editing...';
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-  pointer-events: none;
-  float: left;
-  height: 0;
-}