@trycourier/react-designer 0.0.0-canary-20251205150115 → 0.0.0-canary-20251207101348

package/dist/esm/styles.css

@@ -1015,6 +1015,10 @@ body {
 .courier-m-6 {
   margin: 1.5rem;
 }
+.\!courier-my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
 .-courier-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -1228,6 +1232,9 @@ body {
 .courier-h-\[1px\] {
   height: 1px;
 }
+.courier-h-\[25px\] {
+  height: 25px;
+}
 .courier-h-\[300px\] {
   height: 300px;
 }
@@ -1270,6 +1277,9 @@ body {
 .courier-min-h-\[120px\] {
   min-height: 120px;
 }
+.courier-min-h-\[20px\] {
+  min-height: 20px;
+}
 .courier-min-h-\[44px\] {
   min-height: 44px;
 }
@@ -1676,9 +1686,6 @@ body {
 .courier-border-dotted {
   border-style: dotted;
 }
-.\!courier-border-none {
-  border-style: none !important;
-}
 .courier-border-none {
   border-style: none;
 }
@@ -2051,6 +2058,9 @@ body {
 .courier-pb-0 {
   padding-bottom: 0px;
 }
+.courier-pb-1 {
+  padding-bottom: 0.25rem;
+}
 .courier-pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -2063,6 +2073,9 @@ body {
 .courier-pb-6 {
   padding-bottom: 1.5rem;
 }
+.courier-pb-px {
+  padding-bottom: 1px;
+}
 .courier-pl-0 {
   padding-left: 0px;
 }
@@ -2184,6 +2197,9 @@ body {
 .courier-leading-none {
   line-height: 1;
 }
+.courier-leading-normal {
+  line-height: 1.5;
+}
 .courier-leading-relaxed {
   line-height: 1.625;
 }
@@ -4332,6 +4348,24 @@ body {
       font-size: 0.8rem;
       padding: 0;
     }
+/* Variable Textarea placeholder styles */
+.variable-textarea-placeholder .ProseMirror p.is-editor-empty:first-child::before,
+.variable-textarea-placeholder .ProseMirror p.is-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: var(--muted-foreground);
+  pointer-events: none;
+  height: 0;
+}
+/* Variable Input placeholder styles */
+.variable-input-placeholder .ProseMirror p.is-editor-empty:first-child::before,
+.variable-input-placeholder .ProseMirror p.is-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: var(--muted-foreground);
+  pointer-events: none;
+  height: 0;
+}
 .file\:courier-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -4366,12 +4400,6 @@ body {
 .last\:courier-mt-0:last-child {
   margin-top: 0px;
 }
-.read-only\:courier-cursor-default:read-only {
-  cursor: default;
-}
-.read-only\:courier-border-transparent:read-only {
-  border-color: transparent;
-}
 .hover\:courier-border-accent-foreground:hover {
   border-color: var(--accent-foreground);
 }
@@ -4811,6 +4839,38 @@ body {
 .\[\&\>svg\]\:courier-shrink-0>svg {
   flex-shrink: 0;
 }
+.\[\&_\.ProseMirror\]\:courier-flex .ProseMirror {
+  display: flex;
+}
+.\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
+  height: 25px;
+}
+.\[\&_\.ProseMirror\]\:courier-min-h-\[20px\] .ProseMirror {
+  min-height: 20px;
+}
+.\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
+  flex: 1 1 0%;
+}
+.\[\&_\.ProseMirror\]\:courier-items-end .ProseMirror {
+  align-items: flex-end;
+}
+.\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
+  border-style: none;
+}
+.\[\&_\.ProseMirror\]\:courier-p-0 .ProseMirror {
+  padding: 0px;
+}
+.\[\&_\.ProseMirror\]\:courier-outline-none .ProseMirror {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.\[\&_\.tiptap\]\:courier-border-none .tiptap {
+  border-style: none;
+}
+.\[\&_\.tiptap\]\:courier-outline-none .tiptap {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .\[\&_svg\]\:courier-pointer-events-none svg {
   pointer-events: none;
 }

package/dist/styles.css

@@ -1015,6 +1015,10 @@ body {
 .courier-m-6 {
   margin: 1.5rem;
 }
+.\!courier-my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
 .-courier-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -1228,6 +1232,9 @@ body {
 .courier-h-\[1px\] {
   height: 1px;
 }
+.courier-h-\[25px\] {
+  height: 25px;
+}
 .courier-h-\[300px\] {
   height: 300px;
 }
@@ -1270,6 +1277,9 @@ body {
 .courier-min-h-\[120px\] {
   min-height: 120px;
 }
+.courier-min-h-\[20px\] {
+  min-height: 20px;
+}
 .courier-min-h-\[44px\] {
   min-height: 44px;
 }
@@ -1676,9 +1686,6 @@ body {
 .courier-border-dotted {
   border-style: dotted;
 }
-.\!courier-border-none {
-  border-style: none !important;
-}
 .courier-border-none {
   border-style: none;
 }
@@ -2051,6 +2058,9 @@ body {
 .courier-pb-0 {
   padding-bottom: 0px;
 }
+.courier-pb-1 {
+  padding-bottom: 0.25rem;
+}
 .courier-pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -2063,6 +2073,9 @@ body {
 .courier-pb-6 {
   padding-bottom: 1.5rem;
 }
+.courier-pb-px {
+  padding-bottom: 1px;
+}
 .courier-pl-0 {
   padding-left: 0px;
 }
@@ -2184,6 +2197,9 @@ body {
 .courier-leading-none {
   line-height: 1;
 }
+.courier-leading-normal {
+  line-height: 1.5;
+}
 .courier-leading-relaxed {
   line-height: 1.625;
 }
@@ -4332,6 +4348,24 @@ body {
       font-size: 0.8rem;
       padding: 0;
     }
+/* Variable Textarea placeholder styles */
+.variable-textarea-placeholder .ProseMirror p.is-editor-empty:first-child::before,
+.variable-textarea-placeholder .ProseMirror p.is-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: var(--muted-foreground);
+  pointer-events: none;
+  height: 0;
+}
+/* Variable Input placeholder styles */
+.variable-input-placeholder .ProseMirror p.is-editor-empty:first-child::before,
+.variable-input-placeholder .ProseMirror p.is-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: var(--muted-foreground);
+  pointer-events: none;
+  height: 0;
+}
 .file\:courier-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -4366,12 +4400,6 @@ body {
 .last\:courier-mt-0:last-child {
   margin-top: 0px;
 }
-.read-only\:courier-cursor-default:read-only {
-  cursor: default;
-}
-.read-only\:courier-border-transparent:read-only {
-  border-color: transparent;
-}
 .hover\:courier-border-accent-foreground:hover {
   border-color: var(--accent-foreground);
 }
@@ -4811,6 +4839,38 @@ body {
 .\[\&\>svg\]\:courier-shrink-0>svg {
   flex-shrink: 0;
 }
+.\[\&_\.ProseMirror\]\:courier-flex .ProseMirror {
+  display: flex;
+}
+.\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
+  height: 25px;
+}
+.\[\&_\.ProseMirror\]\:courier-min-h-\[20px\] .ProseMirror {
+  min-height: 20px;
+}
+.\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
+  flex: 1 1 0%;
+}
+.\[\&_\.ProseMirror\]\:courier-items-end .ProseMirror {
+  align-items: flex-end;
+}
+.\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
+  border-style: none;
+}
+.\[\&_\.ProseMirror\]\:courier-p-0 .ProseMirror {
+  padding: 0px;
+}
+.\[\&_\.ProseMirror\]\:courier-outline-none .ProseMirror {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.\[\&_\.tiptap\]\:courier-border-none .tiptap {
+  border-style: none;
+}
+.\[\&_\.tiptap\]\:courier-outline-none .tiptap {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .\[\&_svg\]\:courier-pointer-events-none svg {
   pointer-events: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-designer",
-  "version": "0.0.0-canary-20251205150115",
+  "version": "0.0.0-canary-20251207101348",
   "description": "React-based rich text designer component",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",