@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"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"}

package/dist/fields/richtext-output.css

@@ -0,0 +1,219 @@
+/* Rich Text Output Styles
+ * Applied to rendered rich text content in both Puck preview and frontend.
+ * These styles ensure headings, lists, and other HTML elements display correctly.
+ *
+ * Theme-aware: Uses `color: inherit` by default so text adapts to dark/light mode.
+ * Specific colors can be overridden via inline styles from Tiptap.
+ */
+
+.richtext-output {
+  font-size: 1.125rem;
+  line-height: 1.75;
+  color: inherit; /* Theme-aware: inherits from parent container */
+}
+
+/* Headings */
+.richtext-output h1 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+  font-size: 2.25rem;
+  line-height: 1.2;
+}
+
+.richtext-output h1:first-child {
+  margin-top: 0;
+}
+
+.richtext-output h2 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+  font-size: 1.875rem;
+  line-height: 1.25;
+}
+
+.richtext-output h2:first-child {
+  margin-top: 0;
+}
+
+.richtext-output h3 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+  font-size: 1.5rem;
+  line-height: 1.3;
+}
+
+.richtext-output h3:first-child {
+  margin-top: 0;
+}
+
+.richtext-output h4 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+  font-size: 1.25rem;
+  line-height: 1.35;
+}
+
+.richtext-output h4:first-child {
+  margin-top: 0;
+}
+
+.richtext-output h5,
+.richtext-output h6 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+
+.richtext-output h5:first-child,
+.richtext-output h6:first-child {
+  margin-top: 0;
+}
+
+/* Paragraphs */
+.richtext-output p {
+  margin-bottom: 1.25rem;
+}
+
+.richtext-output p:last-child {
+  margin-bottom: 0;
+}
+
+/* Lists - explicitly set list-style to override Tailwind preflight */
+.richtext-output ul {
+  margin-bottom: 1.25rem;
+  padding-left: 2rem;
+  list-style-type: disc !important;
+}
+
+.richtext-output ol {
+  margin-bottom: 1.25rem;
+  padding-left: 2rem;
+  list-style-type: decimal !important;
+}
+
+.richtext-output li {
+  margin-bottom: 0.5rem;
+}
+
+.richtext-output li::marker {
+  color: currentColor;
+}
+
+/* Nested lists */
+.richtext-output ul ul,
+.richtext-output ol ul {
+  list-style-type: circle !important;
+  margin-top: 0.5rem;
+  margin-bottom: 0;
+}
+
+.richtext-output ul ul ul,
+.richtext-output ol ul ul {
+  list-style-type: square !important;
+}
+
+.richtext-output ol ol,
+.richtext-output ul ol {
+  list-style-type: lower-alpha !important;
+  margin-top: 0.5rem;
+  margin-bottom: 0;
+}
+
+/* Blockquote */
+.richtext-output blockquote {
+  margin: 1.5rem 0;
+  padding-left: 1.5rem;
+  border-left: 4px solid hsl(var(--border, 220 13% 91%));
+  font-style: italic;
+}
+
+/* Links - using primary color with fallback to blue */
+.richtext-output a {
+  color: hsl(var(--primary, 221 83% 53%));
+  text-decoration: underline;
+}
+
+.richtext-output a:hover {
+  opacity: 0.8;
+}
+
+/* Code - using muted background with fallback */
+.richtext-output code {
+  background-color: hsl(var(--muted, 220 14% 96%));
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+}
+
+/* Highlight mark - uses inline style for color, this is fallback */
+.richtext-output mark {
+  background-color: #fef08a;
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.125rem;
+}
+
+/* Strikethrough */
+.richtext-output s,
+.richtext-output strike {
+  text-decoration: line-through;
+}
+
+/* Text alignment (Tiptap uses inline styles, but backup classes) */
+.richtext-output .text-left {
+  text-align: left;
+}
+
+.richtext-output .text-center {
+  text-align: center;
+}
+
+.richtext-output .text-right {
+  text-align: right;
+}
+
+.richtext-output .text-justify,
+.richtext-output [style*="text-align: justify"] {
+  text-align: justify;
+}
+
+/* Superscript */
+.richtext-output sup {
+  vertical-align: super;
+  font-size: 0.75em;
+}
+
+/* Subscript */
+.richtext-output sub {
+  vertical-align: sub;
+  font-size: 0.75em;
+}
+
+/* Horizontal Rule */
+.richtext-output hr {
+  border: none;
+  border-top: 2px solid hsl(var(--border, 220 13% 91%));
+  margin: 2rem 0;
+}
+
+/* Responsive font size */
+@media (max-width: 768px) {
+  .richtext-output {
+    font-size: 1rem;
+  }
+
+  .richtext-output h1 {
+    font-size: 1.875rem;
+  }
+
+  .richtext-output h2 {
+    font-size: 1.5rem;
+  }
+
+  .richtext-output h3 {
+    font-size: 1.25rem;
+  }
+}