@trycourier/react-designer 0.0.0-canary-20250424162557 → 0.0.2

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 (16) hide show
  1. package/README.md +106 -11
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.css.map +2 -2
  4. package/dist/cjs/index.js +30 -31
  5. package/dist/cjs/index.js.map +4 -4
  6. package/dist/cjs/styles.css +14 -11
  7. package/dist/components/Providers/Providers.types.d.ts +0 -1
  8. package/dist/components/Providers/store.d.ts +0 -3
  9. package/dist/esm/index.css +1 -1
  10. package/dist/esm/index.css.map +2 -2
  11. package/dist/esm/index.js +30 -31
  12. package/dist/esm/index.js.map +4 -4
  13. package/dist/esm/styles.css +14 -11
  14. package/dist/lib/api/uploadImage.d.ts +0 -1
  15. package/dist/styles.css +14 -11
  16. package/package.json +2 -2
package/dist/esm/styles.css CHANGED
@@ -1139,6 +1139,9 @@ body {
1139
1139
  .courier-min-h-\[44px\] {
1140
1140
  min-height: 44px;
1141
1141
  }
1142
+ .courier-min-h-\[600px\] {
1143
+ min-height: 600px;
1144
+ }
1142
1145
  .\!courier-w-10 {
1143
1146
  width: 2.5rem !important;
1144
1147
  }
@@ -1285,15 +1288,6 @@ body {
1285
1288
  --tw-scale-y: 1.05;
1286
1289
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1287
1290
  }
1288
- @keyframes courier-pulse {
1289
-
1290
- 50% {
1291
- opacity: .5;
1292
- }
1293
- }
1294
- .courier-animate-pulse {
1295
- animation: courier-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1296
- }
1297
1291
  @keyframes courier-spin {
1298
1292
 
1299
1293
  to {
@@ -1486,6 +1480,9 @@ body {
1486
1480
  --tw-border-opacity: 1;
1487
1481
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1488
1482
  }
1483
+ .courier-border-accent-foreground {
1484
+ border-color: var(--accent-foreground);
1485
+ }
1489
1486
  .courier-border-black {
1490
1487
  --tw-border-opacity: 1;
1491
1488
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
@@ -2129,7 +2126,6 @@ body {
2129
2126
  background-size: 15px 15px;
2130
2127
  }
2131
2128
  .courier-editor-sidebar {
2132
- height: 100%;
2133
2129
  overflow-y: auto;
2134
2130
  border-bottom-right-radius: calc(var(--radius) - 4px);
2135
2131
  border-left-width: 1px;
@@ -2143,12 +2139,19 @@ body {
2143
2139
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2144
2140
  }
2145
2141
  .courier-editor-loading {
2142
+ position: absolute;
2143
+ top: 0px;
2144
+ left: 0px;
2145
+ right: 0px;
2146
+ bottom: 0px;
2147
+ z-index: 50;
2146
2148
  display: flex;
2147
2149
  height: 100%;
2148
2150
  width: 100%;
2151
+ flex-grow: 1;
2149
2152
  align-items: center;
2150
2153
  justify-content: center;
2151
- padding-bottom: 2.5rem;
2154
+ background-color: var(--card);
2152
2155
  }
2153
2156
  .courier-brand-editor-readonly {
2154
2157
  pointer-events: none;
package/dist/lib/api/uploadImage.d.ts CHANGED
@@ -2,5 +2,4 @@ export declare const uploadImage: (file: File, config: {
2
2
  apiUrl: string;
3
3
  token: string;
4
4
  tenantId: string;
5
- clientKey: string;
6
5
  }) => Promise<string>;
package/dist/styles.css CHANGED
@@ -1139,6 +1139,9 @@ body {
1139
1139
  .courier-min-h-\[44px\] {
1140
1140
  min-height: 44px;
1141
1141
  }
1142
+ .courier-min-h-\[600px\] {
1143
+ min-height: 600px;
1144
+ }
1142
1145
  .\!courier-w-10 {
1143
1146
  width: 2.5rem !important;
1144
1147
  }
@@ -1285,15 +1288,6 @@ body {
1285
1288
  --tw-scale-y: 1.05;
1286
1289
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1287
1290
  }
1288
- @keyframes courier-pulse {
1289
-
1290
- 50% {
1291
- opacity: .5;
1292
- }
1293
- }
1294
- .courier-animate-pulse {
1295
- animation: courier-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1296
- }
1297
1291
  @keyframes courier-spin {
1298
1292
 
1299
1293
  to {
@@ -1486,6 +1480,9 @@ body {
1486
1480
  --tw-border-opacity: 1;
1487
1481
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1488
1482
  }
1483
+ .courier-border-accent-foreground {
1484
+ border-color: var(--accent-foreground);
1485
+ }
1489
1486
  .courier-border-black {
1490
1487
  --tw-border-opacity: 1;
1491
1488
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
@@ -2129,7 +2126,6 @@ body {
2129
2126
  background-size: 15px 15px;
2130
2127
  }
2131
2128
  .courier-editor-sidebar {
2132
- height: 100%;
2133
2129
  overflow-y: auto;
2134
2130
  border-bottom-right-radius: calc(var(--radius) - 4px);
2135
2131
  border-left-width: 1px;
@@ -2143,12 +2139,19 @@ body {
2143
2139
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2144
2140
  }
2145
2141
  .courier-editor-loading {
2142
+ position: absolute;
2143
+ top: 0px;
2144
+ left: 0px;
2145
+ right: 0px;
2146
+ bottom: 0px;
2147
+ z-index: 50;
2146
2148
  display: flex;
2147
2149
  height: 100%;
2148
2150
  width: 100%;
2151
+ flex-grow: 1;
2149
2152
  align-items: center;
2150
2153
  justify-content: center;
2151
- padding-bottom: 2.5rem;
2154
+ background-color: var(--card);
2152
2155
  }
2153
2156
  .courier-brand-editor-readonly {
2154
2157
  pointer-events: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trycourier/react-designer",
3
- "version": "0.0.0-canary-20250424162557",
3
+ "version": "0.0.2",
4
4
  "description": "React-based rich text designer component",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -72,7 +72,6 @@
72
72
  "react-hook-form": "^7.53.2",
73
73
  "sonner": "^2.0.1",
74
74
  "tailwind-merge": "^1.14.0",
75
- "tailwindcss-animate": "^1.0.0",
76
75
  "uuid": "^11.0.3",
77
76
  "yjs": "^13.6.24",
78
77
  "zod": "^3.23.8"
@@ -98,6 +97,7 @@
98
97
  "react": "^18.2.0",
99
98
  "react-dom": "^18.2.0",
100
99
  "tailwindcss": "^3.4.15",
100
+ "tailwindcss-animate": "^1.0.0",
101
101
  "typescript": "^5.0.0",
102
102
  "vitest": "^0.34.0"
103
103
  },