@trycourier/react-designer 0.0.0-canary-20250604155619 → 0.0.0-canary-20250605142011

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.
Files changed (19) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.css.map +2 -2
  3. package/dist/cjs/index.js +32 -36
  4. package/dist/cjs/index.js.map +4 -4
  5. package/dist/cjs/styles.css +27 -6
  6. package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +2 -0
  7. package/dist/components/TemplateEditor/Channels/Inbox/Inbox.d.ts +2 -0
  8. package/dist/components/TemplateEditor/Channels/Push/Push.d.ts +2 -0
  9. package/dist/components/TemplateEditor/Channels/SMS/SMS.d.ts +2 -0
  10. package/dist/components/TemplateEditor/TemplateEditor.d.ts +2 -1
  11. package/dist/components/extensions/Button/Button.types.d.ts +2 -2
  12. package/dist/esm/index.css +1 -1
  13. package/dist/esm/index.css.map +2 -2
  14. package/dist/esm/index.js +30 -34
  15. package/dist/esm/index.js.map +4 -4
  16. package/dist/esm/styles.css +27 -6
  17. package/dist/store.d.ts +7 -6
  18. package/dist/styles.css +27 -6
  19. package/package.json +2 -1
package/dist/esm/styles.css CHANGED
@@ -1793,6 +1793,10 @@ body {
1793
1793
  .courier-p-\[3px\] {
1794
1794
  padding: 3px;
1795
1795
  }
1796
+ .\!courier-py-\[5px\] {
1797
+ padding-top: 5px !important;
1798
+ padding-bottom: 5px !important;
1799
+ }
1796
1800
  .courier-px-0 {
1797
1801
  padding-left: 0px;
1798
1802
  padding-right: 0px;
@@ -2086,6 +2090,11 @@ body {
2086
2090
  .courier-opacity-\[0\.999\] {
2087
2091
  opacity: 0.999;
2088
2092
  }
2093
+ .\!courier-shadow-md {
2094
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
2095
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
2096
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
2097
+ }
2089
2098
  .courier-shadow {
2090
2099
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2091
2100
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2341,6 +2350,12 @@ body {
2341
2350
  .courier-theme-editor-main >div .ProseMirror {
2342
2351
  padding: 0px;
2343
2352
  }
2353
+ .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .selected-element .node-element::before {
2354
+ display: none;
2355
+ }
2356
+ .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .selected-element .courier-actions-panel {
2357
+ display: none;
2358
+ }
2344
2359
  .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph p {
2345
2360
  font-size: 0.875rem;
2346
2361
  line-height: 1.25rem;
@@ -3071,15 +3086,20 @@ body {
3071
3086
  .read-only\:courier-border-transparent:read-only {
3072
3087
  border-color: transparent;
3073
3088
  }
3089
+ .hover\:courier-border-\[\#3B82F6\]:hover {
3090
+ --tw-border-opacity: 1;
3091
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3092
+ }
3074
3093
  .hover\:courier-border-accent-foreground:hover {
3075
3094
  border-color: var(--accent-foreground);
3076
3095
  }
3096
+ .hover\:courier-bg-\[\#3B82F6\]:hover {
3097
+ --tw-bg-opacity: 1;
3098
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
3099
+ }
3077
3100
  .hover\:courier-bg-accent:hover {
3078
3101
  background-color: var(--accent);
3079
3102
  }
3080
- .hover\:courier-bg-accent-foreground:hover {
3081
- background-color: var(--accent-foreground);
3082
- }
3083
3103
  .hover\:courier-bg-black\/5:hover {
3084
3104
  background-color: rgb(0 0 0 / 0.05);
3085
3105
  }
@@ -3115,6 +3135,10 @@ body {
3115
3135
  .hover\:courier-bg-opacity-20:hover {
3116
3136
  --tw-bg-opacity: 0.2;
3117
3137
  }
3138
+ .hover\:courier-text-\[\#ffffff\]:hover {
3139
+ --tw-text-opacity: 1;
3140
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3141
+ }
3118
3142
  .hover\:courier-text-accent-foreground:hover {
3119
3143
  color: var(--accent-foreground);
3120
3144
  }
@@ -3129,9 +3153,6 @@ body {
3129
3153
  --tw-text-opacity: 1;
3130
3154
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
3131
3155
  }
3132
- .hover\:courier-text-secondary-foreground:hover {
3133
- color: var(--secondary-foreground);
3134
- }
3135
3156
  .hover\:courier-outline-neutral-600:hover {
3136
3157
  outline-color: #525252;
3137
3158
  }
package/dist/store.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- export type Channel = "email" | "sms" | "push" | "inbox";
2
- export declare const CHANNELS: {
1
+ export type ChannelType = "email" | "sms" | "push" | "inbox";
2
+ export interface Channel {
3
3
  label: string;
4
- value: Channel;
5
- }[];
6
- export declare const channelAtom: import("jotai").PrimitiveAtom<Channel> & {
7
- init: Channel;
4
+ value: ChannelType;
5
+ }
6
+ export declare const CHANNELS: Channel[];
7
+ export declare const channelAtom: import("jotai").PrimitiveAtom<ChannelType> & {
8
+ init: ChannelType;
8
9
  };
9
10
  export declare const pageAtom: import("jotai").PrimitiveAtom<"template" | "brand"> & {
10
11
  init: "template" | "brand";
package/dist/styles.css CHANGED
@@ -1793,6 +1793,10 @@ body {
1793
1793
  .courier-p-\[3px\] {
1794
1794
  padding: 3px;
1795
1795
  }
1796
+ .\!courier-py-\[5px\] {
1797
+ padding-top: 5px !important;
1798
+ padding-bottom: 5px !important;
1799
+ }
1796
1800
  .courier-px-0 {
1797
1801
  padding-left: 0px;
1798
1802
  padding-right: 0px;
@@ -2086,6 +2090,11 @@ body {
2086
2090
  .courier-opacity-\[0\.999\] {
2087
2091
  opacity: 0.999;
2088
2092
  }
2093
+ .\!courier-shadow-md {
2094
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
2095
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
2096
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
2097
+ }
2089
2098
  .courier-shadow {
2090
2099
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2091
2100
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2341,6 +2350,12 @@ body {
2341
2350
  .courier-theme-editor-main >div .ProseMirror {
2342
2351
  padding: 0px;
2343
2352
  }
2353
+ .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .selected-element .node-element::before {
2354
+ display: none;
2355
+ }
2356
+ .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .selected-element .courier-actions-panel {
2357
+ display: none;
2358
+ }
2344
2359
  .courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph p {
2345
2360
  font-size: 0.875rem;
2346
2361
  line-height: 1.25rem;
@@ -3071,15 +3086,20 @@ body {
3071
3086
  .read-only\:courier-border-transparent:read-only {
3072
3087
  border-color: transparent;
3073
3088
  }
3089
+ .hover\:courier-border-\[\#3B82F6\]:hover {
3090
+ --tw-border-opacity: 1;
3091
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3092
+ }
3074
3093
  .hover\:courier-border-accent-foreground:hover {
3075
3094
  border-color: var(--accent-foreground);
3076
3095
  }
3096
+ .hover\:courier-bg-\[\#3B82F6\]:hover {
3097
+ --tw-bg-opacity: 1;
3098
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
3099
+ }
3077
3100
  .hover\:courier-bg-accent:hover {
3078
3101
  background-color: var(--accent);
3079
3102
  }
3080
- .hover\:courier-bg-accent-foreground:hover {
3081
- background-color: var(--accent-foreground);
3082
- }
3083
3103
  .hover\:courier-bg-black\/5:hover {
3084
3104
  background-color: rgb(0 0 0 / 0.05);
3085
3105
  }
@@ -3115,6 +3135,10 @@ body {
3115
3135
  .hover\:courier-bg-opacity-20:hover {
3116
3136
  --tw-bg-opacity: 0.2;
3117
3137
  }
3138
+ .hover\:courier-text-\[\#ffffff\]:hover {
3139
+ --tw-text-opacity: 1;
3140
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3141
+ }
3118
3142
  .hover\:courier-text-accent-foreground:hover {
3119
3143
  color: var(--accent-foreground);
3120
3144
  }
@@ -3129,9 +3153,6 @@ body {
3129
3153
  --tw-text-opacity: 1;
3130
3154
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
3131
3155
  }
3132
- .hover\:courier-text-secondary-foreground:hover {
3133
- color: var(--secondary-foreground);
3134
- }
3135
3156
  .hover\:courier-outline-neutral-600:hover {
3136
3157
  outline-color: #525252;
3137
3158
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trycourier/react-designer",
3
- "version": "0.0.0-canary-20250604155619",
3
+ "version": "0.0.0-canary-20250605142011",
4
4
  "description": "React-based rich text designer component",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -71,6 +71,7 @@
71
71
  "lucide-react": "^0.473.0",
72
72
  "next-themes": "^0.4.5",
73
73
  "react-hook-form": "^7.53.2",
74
+ "sms-segments-calculator": "^1.2.0",
74
75
  "sonner": "^2.0.1",
75
76
  "tailwind-merge": "^1.14.0",
76
77
  "uuid": "^11.0.3",