@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.
- package/dist/cjs/index.js +50 -52
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/styles.css +13 -25
- package/dist/components/BrandEditor/BrandEditor.d.ts +1 -1
- package/dist/components/BrandEditor/Editor/BrandFooter/BrandFooter.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Email/EmailEditor.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarItemDetails/SideBarItemDetails.d.ts +1 -3
- package/dist/components/extensions/Button/ButtonForm.d.ts +1 -3
- package/dist/components/extensions/ImageBlock/components/ImageBlockForm.d.ts +1 -3
- package/dist/components/extensions/Variable/Variable.d.ts +5 -2
- package/dist/components/extensions/Variable/Variable.types.d.ts +0 -35
- package/dist/components/extensions/Variable/index.d.ts +0 -1
- package/dist/components/extensions/extension-kit.d.ts +0 -2
- package/dist/components/extensions/index.d.ts +1 -1
- package/dist/components/ui/TextInput/TextInput.d.ts +0 -3
- package/dist/components/ui/VariableEditor/VariableChipBase.d.ts +35 -0
- package/dist/components/ui/VariableEditor/shared.d.ts +2 -6
- package/dist/esm/index.js +52 -54
- package/dist/esm/index.js.map +4 -4
- package/dist/esm/styles.css +13 -25
- package/dist/styles.css +13 -25
- package/package.json +1 -1
- package/dist/components/extensions/Variable/VariableSuggestions.d.ts +0 -7
- package/dist/components/extensions/Variable/VariableTypeHandler.d.ts +0 -6
- package/dist/components/extensions/Variable/suggestion.d.ts +0 -2
package/dist/esm/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/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 +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>;
|