ct-rich-text-editor 1.3.27 → 1.3.28

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.
@@ -742,6 +742,11 @@ video {
742
742
  margin-right: -0.25rem;
743
743
  }
744
744
 
745
+ .cteditor-mx-0\.5{
746
+ margin-left: 0.125rem;
747
+ margin-right: 0.125rem;
748
+ }
749
+
745
750
  .cteditor-my-1{
746
751
  margin-top: 0.25rem;
747
752
  margin-bottom: 0.25rem;
@@ -1238,6 +1243,10 @@ video {
1238
1243
  width: 1rem;
1239
1244
  }
1240
1245
 
1246
+ .cteditor-w-44{
1247
+ width: 11rem;
1248
+ }
1249
+
1241
1250
  .cteditor-w-48{
1242
1251
  width: 12rem;
1243
1252
  }
@@ -1302,6 +1311,10 @@ video {
1302
1311
  width: 100%;
1303
1312
  }
1304
1313
 
1314
+ .cteditor-w-px{
1315
+ width: 1px;
1316
+ }
1317
+
1305
1318
  .cteditor-min-w-0{
1306
1319
  min-width: 0px;
1307
1320
  }
@@ -1404,6 +1417,11 @@ video {
1404
1417
  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));
1405
1418
  }
1406
1419
 
1420
+ .cteditor--translate-x-1\/2{
1421
+ --tw-translate-x: -50%;
1422
+ 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));
1423
+ }
1424
+
1407
1425
  .cteditor-translate-x-\[-50\%\]{
1408
1426
  --tw-translate-x: -50%;
1409
1427
  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));
@@ -1414,6 +1432,16 @@ video {
1414
1432
  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));
1415
1433
  }
1416
1434
 
1435
+ .cteditor-translate-y-full{
1436
+ --tw-translate-y: 100%;
1437
+ 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));
1438
+ }
1439
+
1440
+ .cteditor-rotate-180{
1441
+ --tw-rotate: 180deg;
1442
+ 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));
1443
+ }
1444
+
1417
1445
  @keyframes cteditor-pulse{
1418
1446
 
1419
1447
  50%{
@@ -2436,10 +2464,6 @@ video {
2436
2464
  padding-bottom: 7px;
2437
2465
  }
2438
2466
 
2439
- .cteditor-pb-1{
2440
- padding-bottom: 0.25rem;
2441
- }
2442
-
2443
2467
  .cteditor-pb-1\.5{
2444
2468
  padding-bottom: 0.375rem;
2445
2469
  }
@@ -5997,6 +6021,56 @@ body .EmojiPickerReact{
5997
6021
  word-wrap: break-word;
5998
6022
  }
5999
6023
 
6024
+ /* ===== RESPONSIVE STYLES FOR FLOATED IMAGES ===== */
6025
+ /* On smaller screens, remove floats and stack content vertically */
6026
+ @media (max-width: 768px) {
6027
+ /* Remove float from images on mobile - make them full width and centered */
6028
+ .editor-image[style*="float: left"],
6029
+ .editor-image[style*="float:left"],
6030
+ .editor-image[style*="float: right"],
6031
+ .editor-image[style*="float:right"] {
6032
+ float: none !important;
6033
+ display: block !important;
6034
+ margin: 1em auto !important;
6035
+ max-width: 100% !important;
6036
+ width: 100% !important;
6037
+ }
6038
+
6039
+ /* Remove float from paragraphs containing floated images */
6040
+ .PlaygroundEditorTheme__paragraph[style*="text-align: right"]:has(> .editor-image),
6041
+ .PlaygroundEditorTheme__paragraph[style*="text-align:right"]:has(> .editor-image),
6042
+ .PlaygroundEditorTheme__paragraph[style*="text-align: left"]:has(> .editor-image),
6043
+ .PlaygroundEditorTheme__paragraph[style*="text-align:left"]:has(> .editor-image) {
6044
+ float: none !important;
6045
+ max-width: 100% !important;
6046
+ margin-left: 0 !important;
6047
+ margin-right: 0 !important;
6048
+ margin-bottom: 1em !important;
6049
+ }
6050
+
6051
+ /* Paragraphs that were using display:contents should become normal blocks */
6052
+ .PlaygroundEditorTheme__paragraph:has(> .editor-image[style*="float"]):not(:has([data-lexical-text])) {
6053
+ display: block !important;
6054
+ }
6055
+ }
6056
+
6057
+ /* Tablet breakpoint - slightly reduce max-width of floats */
6058
+ @media (min-width: 769px) and (max-width: 1024px) {
6059
+ .editor-image[style*="float: left"],
6060
+ .editor-image[style*="float:left"],
6061
+ .editor-image[style*="float: right"],
6062
+ .editor-image[style*="float:right"] {
6063
+ max-width: 40% !important;
6064
+ }
6065
+
6066
+ .PlaygroundEditorTheme__paragraph[style*="text-align: right"]:has(> .editor-image),
6067
+ .PlaygroundEditorTheme__paragraph[style*="text-align:right"]:has(> .editor-image),
6068
+ .PlaygroundEditorTheme__paragraph[style*="text-align: left"]:has(> .editor-image),
6069
+ .PlaygroundEditorTheme__paragraph[style*="text-align:left"]:has(> .editor-image) {
6070
+ max-width: 40% !important;
6071
+ }
6072
+ }
6073
+
6000
6074
  .editor-image img {
6001
6075
  max-width: 100%;
6002
6076
  cursor: default;
@@ -1,7 +1,7 @@
1
1
  import { LexicalCommand, LexicalEditor, NodeKey } from '../../../node_modules/lexical';
2
2
  import { ImagePosition } from '../../nodes/ImageNode';
3
3
  export declare const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent>;
4
- export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, originalPrompt, position, }: {
4
+ export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, originalPrompt, position, linkUrl, }: {
5
5
  altText: string;
6
6
  caption: LexicalEditor;
7
7
  height: "inherit" | number;
@@ -14,4 +14,5 @@ export default function ImageComponent({ src, altText, nodeKey, width, height, m
14
14
  captionsEnabled: boolean;
15
15
  originalPrompt?: string;
16
16
  position?: ImagePosition;
17
+ linkUrl?: string;
17
18
  }): JSX.Element;
@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
4
4
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
5
  return value;
6
6
  };
7
- import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-d1d21414.js";
7
+ import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-0533674e.js";
8
8
  function _mergeNamespaces(n, m) {
9
9
  for (var i = 0; i < m.length; i++) {
10
10
  const e = m[i];
@@ -46125,4 +46125,4 @@ const html2pdf_bundle$1 = /* @__PURE__ */ _mergeNamespaces({
46125
46125
  export {
46126
46126
  html2pdf_bundle$1 as h
46127
46127
  };
46128
- //# sourceMappingURL=html2pdf.bundle-08dfd2d4.js.map
46128
+ //# sourceMappingURL=html2pdf.bundle-0e71462c.js.map