@trycourier/react-designer 0.0.0-canary-20251210083502 → 0.0.0-canary-20251210115724

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -922,6 +922,9 @@ body {
922
922
  .courier-left-0 {
923
923
  left: 0px;
924
924
  }
925
+ .courier-left-1 {
926
+ left: 0.25rem;
927
+ }
925
928
  .courier-left-2 {
926
929
  left: 0.5rem;
927
930
  }
@@ -1024,6 +1027,10 @@ body {
1024
1027
  margin-left: -1rem;
1025
1028
  margin-right: -1rem;
1026
1029
  }
1030
+ .courier-mx-0\.5 {
1031
+ margin-left: 0.125rem;
1032
+ margin-right: 0.125rem;
1033
+ }
1027
1034
  .courier-mx-1 {
1028
1035
  margin-left: 0.25rem;
1029
1036
  margin-right: 0.25rem;
@@ -1269,9 +1276,6 @@ body {
1269
1276
  .courier-h-px {
1270
1277
  height: 1px;
1271
1278
  }
1272
- .courier-max-h-60 {
1273
- max-height: 15rem;
1274
- }
1275
1279
  .courier-max-h-\[88px\] {
1276
1280
  max-height: 88px;
1277
1281
  }
@@ -1395,6 +1399,9 @@ body {
1395
1399
  .courier-min-w-\[16rem\] {
1396
1400
  min-width: 16rem;
1397
1401
  }
1402
+ .courier-min-w-\[1ch\] {
1403
+ min-width: 1ch;
1404
+ }
1398
1405
  .courier-min-w-\[2rem\] {
1399
1406
  min-width: 2rem;
1400
1407
  }
@@ -2143,6 +2150,9 @@ body {
2143
2150
  .courier-text-center {
2144
2151
  text-align: center;
2145
2152
  }
2153
+ .courier-align-middle {
2154
+ vertical-align: middle;
2155
+ }
2146
2156
  .courier-font-mono {
2147
2157
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2148
2158
  }
@@ -2241,10 +2251,6 @@ body {
2241
2251
  .courier-text-accent-foreground {
2242
2252
  color: var(--accent-foreground);
2243
2253
  }
2244
- .courier-text-amber-800 {
2245
- --tw-text-opacity: 1;
2246
- color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2247
- }
2248
2254
  .courier-text-blue-700 {
2249
2255
  --tw-text-opacity: 1;
2250
2256
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
@@ -4512,10 +4518,6 @@ body {
4512
4518
  .hover\:courier-bg-card:hover {
4513
4519
  background-color: var(--card);
4514
4520
  }
4515
- .hover\:courier-bg-gray-100:hover {
4516
- --tw-bg-opacity: 1;
4517
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4518
- }
4519
4521
  .hover\:courier-bg-neutral-100:hover {
4520
4522
  --tw-bg-opacity: 1;
4521
4523
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -4557,20 +4559,12 @@ body {
4557
4559
  .focus\:courier-bg-accent:focus {
4558
4560
  background-color: var(--accent);
4559
4561
  }
4560
- .focus\:courier-bg-gray-100:focus {
4561
- --tw-bg-opacity: 1;
4562
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4563
- }
4564
4562
  .focus\:courier-text-accent-foreground:focus {
4565
4563
  color: var(--accent-foreground);
4566
4564
  }
4567
4565
  .focus\:courier-text-foreground:focus {
4568
4566
  color: var(--foreground);
4569
4567
  }
4570
- .focus\:courier-outline-none:focus {
4571
- outline: 2px solid transparent;
4572
- outline-offset: 2px;
4573
- }
4574
4568
  .focus-visible\:courier-outline-none:focus-visible {
4575
4569
  outline: 2px solid transparent;
4576
4570
  outline-offset: 2px;
@@ -4977,9 +4971,6 @@ body {
4977
4971
  .\[\&\>svg\]\:courier-shrink-0>svg {
4978
4972
  flex-shrink: 0;
4979
4973
  }
4980
- .\[\&_\.ProseMirror\]\:courier-flex .ProseMirror {
4981
- display: flex;
4982
- }
4983
4974
  .\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
4984
4975
  height: 25px;
4985
4976
  }
@@ -4989,9 +4980,6 @@ body {
4989
4980
  .\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
4990
4981
  flex: 1 1 0%;
4991
4982
  }
4992
- .\[\&_\.ProseMirror\]\:courier-items-end .ProseMirror {
4993
- align-items: flex-end;
4994
- }
4995
4983
  .\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
4996
4984
  border-style: none;
4997
4985
  }
package/dist/styles.css CHANGED
@@ -922,6 +922,9 @@ body {
922
922
  .courier-left-0 {
923
923
  left: 0px;
924
924
  }
925
+ .courier-left-1 {
926
+ left: 0.25rem;
927
+ }
925
928
  .courier-left-2 {
926
929
  left: 0.5rem;
927
930
  }
@@ -1024,6 +1027,10 @@ body {
1024
1027
  margin-left: -1rem;
1025
1028
  margin-right: -1rem;
1026
1029
  }
1030
+ .courier-mx-0\.5 {
1031
+ margin-left: 0.125rem;
1032
+ margin-right: 0.125rem;
1033
+ }
1027
1034
  .courier-mx-1 {
1028
1035
  margin-left: 0.25rem;
1029
1036
  margin-right: 0.25rem;
@@ -1269,9 +1276,6 @@ body {
1269
1276
  .courier-h-px {
1270
1277
  height: 1px;
1271
1278
  }
1272
- .courier-max-h-60 {
1273
- max-height: 15rem;
1274
- }
1275
1279
  .courier-max-h-\[88px\] {
1276
1280
  max-height: 88px;
1277
1281
  }
@@ -1395,6 +1399,9 @@ body {
1395
1399
  .courier-min-w-\[16rem\] {
1396
1400
  min-width: 16rem;
1397
1401
  }
1402
+ .courier-min-w-\[1ch\] {
1403
+ min-width: 1ch;
1404
+ }
1398
1405
  .courier-min-w-\[2rem\] {
1399
1406
  min-width: 2rem;
1400
1407
  }
@@ -2143,6 +2150,9 @@ body {
2143
2150
  .courier-text-center {
2144
2151
  text-align: center;
2145
2152
  }
2153
+ .courier-align-middle {
2154
+ vertical-align: middle;
2155
+ }
2146
2156
  .courier-font-mono {
2147
2157
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2148
2158
  }
@@ -2241,10 +2251,6 @@ body {
2241
2251
  .courier-text-accent-foreground {
2242
2252
  color: var(--accent-foreground);
2243
2253
  }
2244
- .courier-text-amber-800 {
2245
- --tw-text-opacity: 1;
2246
- color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2247
- }
2248
2254
  .courier-text-blue-700 {
2249
2255
  --tw-text-opacity: 1;
2250
2256
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
@@ -4512,10 +4518,6 @@ body {
4512
4518
  .hover\:courier-bg-card:hover {
4513
4519
  background-color: var(--card);
4514
4520
  }
4515
- .hover\:courier-bg-gray-100:hover {
4516
- --tw-bg-opacity: 1;
4517
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4518
- }
4519
4521
  .hover\:courier-bg-neutral-100:hover {
4520
4522
  --tw-bg-opacity: 1;
4521
4523
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -4557,20 +4559,12 @@ body {
4557
4559
  .focus\:courier-bg-accent:focus {
4558
4560
  background-color: var(--accent);
4559
4561
  }
4560
- .focus\:courier-bg-gray-100:focus {
4561
- --tw-bg-opacity: 1;
4562
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4563
- }
4564
4562
  .focus\:courier-text-accent-foreground:focus {
4565
4563
  color: var(--accent-foreground);
4566
4564
  }
4567
4565
  .focus\:courier-text-foreground:focus {
4568
4566
  color: var(--foreground);
4569
4567
  }
4570
- .focus\:courier-outline-none:focus {
4571
- outline: 2px solid transparent;
4572
- outline-offset: 2px;
4573
- }
4574
4568
  .focus-visible\:courier-outline-none:focus-visible {
4575
4569
  outline: 2px solid transparent;
4576
4570
  outline-offset: 2px;
@@ -4977,9 +4971,6 @@ body {
4977
4971
  .\[\&\>svg\]\:courier-shrink-0>svg {
4978
4972
  flex-shrink: 0;
4979
4973
  }
4980
- .\[\&_\.ProseMirror\]\:courier-flex .ProseMirror {
4981
- display: flex;
4982
- }
4983
4974
  .\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
4984
4975
  height: 25px;
4985
4976
  }
@@ -4989,9 +4980,6 @@ body {
4989
4980
  .\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
4990
4981
  flex: 1 1 0%;
4991
4982
  }
4992
- .\[\&_\.ProseMirror\]\:courier-items-end .ProseMirror {
4993
- align-items: flex-end;
4994
- }
4995
4983
  .\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
4996
4984
  border-style: none;
4997
4985
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trycourier/react-designer",
3
- "version": "0.0.0-canary-20251210083502",
3
+ "version": "0.0.0-canary-20251210115724",
4
4
  "description": "React-based rich text designer component",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -1,7 +0,0 @@
1
- interface VariableSuggestionsProps {
2
- items: string[];
3
- command: (item: string) => void;
4
- selected: number;
5
- }
6
- export declare const VariableSuggestions: React.FC<VariableSuggestionsProps>;
7
- export {};
@@ -1,6 +0,0 @@
1
- import { Extension } from "@tiptap/core";
2
- /**
3
- * Extension that converts typed {{variableName}} patterns into variable nodes in real-time
4
- * Only converts valid variable names according to JSON property name rules
5
- */
6
- export declare const VariableTypeHandler: Extension<any, any>;
@@ -1,2 +0,0 @@
1
- import type { SuggestionOptions } from "@tiptap/suggestion";
2
- export declare const suggestion: Partial<SuggestionOptions>;