@mhamz.01/easyflow-texteditor 0.1.51 → 0.1.52

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 (3) hide show
  1. package/dist/index.css +46 -210
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  @import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
3
3
 
4
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
5
5
  .tiptap-tooltip {
6
6
  --tt-tooltip-bg: var(--tt-gray-light-900);
7
7
  --tt-tooltip-text: var(--white);
@@ -43,7 +43,7 @@
43
43
  color: var(--tt-kbd);
44
44
  }
45
45
 
46
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
47
47
  .tiptap-button {
48
48
  --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
49
49
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
@@ -150,7 +150,7 @@
150
150
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
151
151
  }
152
152
 
153
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
153
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
154
154
  .tiptap-button-group {
155
155
  position: relative;
156
156
  display: flex;
@@ -171,7 +171,7 @@
171
171
  align-items: center;
172
172
  }
173
173
 
174
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
174
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
175
175
  .tiptap-button {
176
176
  font-size: 0.875rem;
177
177
  font-weight: 500;
@@ -434,7 +434,7 @@
434
434
  color: var(--tt-button-disabled-icon-color);
435
435
  }
436
436
 
437
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
437
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
438
438
  .tiptap-separator {
439
439
  --tt-link-border-color: var(--tt-gray-light-a-200);
440
440
  }
@@ -455,7 +455,7 @@
455
455
  width: 1px;
456
456
  }
457
457
 
458
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
458
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
459
459
  :root {
460
460
  --tt-toolbar-height: 2.75rem;
461
461
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -563,7 +563,7 @@
563
563
  }
564
564
  }
565
565
 
566
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
566
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
567
567
  z {
568
568
  --tiptap-image-upload-active: var(--tt-brand-color-500);
569
569
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
@@ -767,7 +767,7 @@ z {
767
767
  }
768
768
  }
769
769
 
770
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
770
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
771
771
  .tiptap.ProseMirror {
772
772
  --blockquote-bg-color: var(--tt-gray-light-900);
773
773
  }
@@ -797,7 +797,7 @@ z {
797
797
  border-radius: 0;
798
798
  }
799
799
 
800
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
800
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
801
801
  .tiptap.ProseMirror {
802
802
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
803
803
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
@@ -842,7 +842,7 @@ z {
842
842
  color: inherit;
843
843
  }
844
844
 
845
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
845
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
846
846
  .tiptap.ProseMirror {
847
847
  --horizontal-rule-color: var(--tt-gray-light-a-200);
848
848
  }
@@ -861,7 +861,7 @@ z {
861
861
  padding-bottom: 0.75rem;
862
862
  }
863
863
 
864
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
864
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
865
865
  .tiptap.ProseMirror {
866
866
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
867
867
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
@@ -986,7 +986,7 @@ z {
986
986
  min-width: 0;
987
987
  }
988
988
 
989
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
989
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
990
990
  .tiptap.ProseMirror img {
991
991
  max-width: 100%;
992
992
  height: auto;
@@ -1011,7 +1011,7 @@ z {
1011
1011
  margin: 0;
1012
1012
  }
1013
1013
 
1014
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1014
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1015
1015
  .tiptap.ProseMirror h1,
1016
1016
  .tiptap.ProseMirror h2,
1017
1017
  .tiptap.ProseMirror h3,
@@ -1051,7 +1051,7 @@ z {
1051
1051
  margin-top: 2em;
1052
1052
  }
1053
1053
 
1054
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1054
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1055
1055
  .tiptap-badge {
1056
1056
  --tt-badge-border-color: var(--tt-gray-light-a-200);
1057
1057
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
@@ -1249,7 +1249,7 @@ z {
1249
1249
  --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
1250
1250
  }
1251
1251
 
1252
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1252
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1253
1253
  .tiptap-badge-group {
1254
1254
  align-items: center;
1255
1255
  display: flex;
@@ -1263,7 +1263,7 @@ z {
1263
1263
  flex-direction: row;
1264
1264
  }
1265
1265
 
1266
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1266
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1267
1267
  .tiptap-badge {
1268
1268
  font-size: 0.625rem;
1269
1269
  font-weight: 700;
@@ -1341,7 +1341,7 @@ z {
1341
1341
  color: var(--tt-badge-icon-color-subdued);
1342
1342
  }
1343
1343
 
1344
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1344
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1345
1345
  .tiptap-dropdown-menu {
1346
1346
  --tt-dropdown-menu-bg-color: var(--white);
1347
1347
  --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
@@ -1388,7 +1388,7 @@ z {
1388
1388
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1389
1389
  }
1390
1390
 
1391
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1391
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1392
1392
  z {
1393
1393
  --tiptap-card-bg-color: var(--white);
1394
1394
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
@@ -1457,7 +1457,7 @@ z {
1457
1457
  color: var(--tiptap-card-group-label-color);
1458
1458
  }
1459
1459
 
1460
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1460
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1461
1461
  .tiptap-popover {
1462
1462
  --tt-popover-bg-color: var(--white);
1463
1463
  --tt-popover-border-color: var(--tt-gray-light-a-100);
@@ -1504,7 +1504,7 @@ z {
1504
1504
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1505
1505
  }
1506
1506
 
1507
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1507
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1508
1508
  .tiptap-button-highlight {
1509
1509
  position: relative;
1510
1510
  width: 1.25rem;
@@ -1538,7 +1538,7 @@ z {
1538
1538
  filter: brightness(180%);
1539
1539
  }
1540
1540
 
1541
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1541
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1542
1542
  :root {
1543
1543
  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
1544
1544
  }
@@ -1578,7 +1578,7 @@ z {
1578
1578
  align-items: stretch;
1579
1579
  }
1580
1580
 
1581
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1581
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1582
1582
  body {
1583
1583
  --tt-toolbar-height: 44px;
1584
1584
  --tt-theme-text: var(--tt-gray-dark-900);
@@ -1722,7 +1722,7 @@ table .column-resize-handle {
1722
1722
  }
1723
1723
  }
1724
1724
 
1725
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/styles/index.css */
1725
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/styles/index.css */
1726
1726
  .tiptap.ProseMirror {
1727
1727
  --blockquote-bg-color: var(--tt-gray-light-900);
1728
1728
  }
@@ -3466,33 +3466,13 @@ z {
3466
3466
  color: var(--tt-kbd);
3467
3467
  }
3468
3468
 
3469
- /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/styles/_variables.css */
3469
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/styles/_variables.css */
3470
3470
  easyflow-editor {
3471
3471
  overflow-wrap: break-word;
3472
3472
  text-size-adjust: none;
3473
3473
  text-rendering: optimizeLegibility;
3474
3474
  -webkit-font-smoothing: antialiased;
3475
3475
  -moz-osx-font-smoothing: grayscale;
3476
- --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
3477
- --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
3478
- --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
3479
- --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
3480
- --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
3481
- --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
3482
- --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
3483
- --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
3484
- --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
3485
- --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
3486
- --tt-gray-light-50: rgba(250, 250, 250, 1);
3487
- --tt-gray-light-100: rgba(244, 244, 245, 1);
3488
- --tt-gray-light-200: rgba(234, 234, 235, 1);
3489
- --tt-gray-light-300: rgba(213, 214, 215, 1);
3490
- --tt-gray-light-400: rgba(166, 167, 171, 1);
3491
- --tt-gray-light-500: rgba(125, 127, 130, 1);
3492
- --tt-gray-light-600: rgba(83, 86, 90, 1);
3493
- --tt-gray-light-700: rgba(64, 65, 69, 1);
3494
- --tt-gray-light-800: rgba(44, 45, 48, 1);
3495
- --tt-gray-light-900: rgba(34, 35, 37, 1);
3496
3476
  --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
3497
3477
  --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
3498
3478
  --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
@@ -3561,10 +3541,10 @@ easyflow-editor {
3561
3541
  --black: rgba(14, 14, 17, 1);
3562
3542
  --transparent: rgba(255, 255, 255, 0);
3563
3543
  --tt-shadow-elevated-md:
3564
- 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
3565
- 0px 12px 24px 0px rgba(17, 24, 39, 0.04),
3566
- 0px 6px 8px 0px rgba(17, 24, 39, 0.02),
3567
- 0px 2px 3px 0px rgba(17, 24, 39, 0.02);
3544
+ 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
3545
+ 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
3546
+ 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
3547
+ 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
3568
3548
  --tt-radius-xxs: 0.125rem;
3569
3549
  --tt-radius-xs: 0.25rem;
3570
3550
  --tt-radius-sm: 0.375rem;
@@ -3582,26 +3562,6 @@ easyflow-editor {
3582
3562
  --tt-accent-contrast: 8%;
3583
3563
  --tt-destructive-contrast: 8%;
3584
3564
  --tt-foreground-contrast: 8%;
3585
- }
3586
- easyflow-editor .easyflow-editor,
3587
- easyflow-editor .easyflow-editor *,
3588
- easyflow-editor .easyflow-editor *::before,
3589
- easyflow-editor .easyflow-editor *::after {
3590
- box-sizing: border-box;
3591
- transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
3592
- }
3593
- easyflow-editor {
3594
- --tt-bg-color: var(--white);
3595
- --tt-border-color: var(--tt-gray-light-a-200);
3596
- --tt-border-color-tint: var(--tt-gray-light-a-100);
3597
- --tt-sidebar-bg-color: var(--tt-gray-light-100);
3598
- --tt-scrollbar-color: var(--tt-gray-light-a-200);
3599
- --tt-cursor-color: var(--tt-brand-color-500);
3600
- --tt-selection-color: rgba(157, 138, 255, 0.2);
3601
- --tt-card-bg-color: var(--white);
3602
- --tt-card-border-color: var(--tt-gray-light-a-100);
3603
- }
3604
- .easyflow-editor.dark {
3605
3565
  --tt-bg-color: var(--black);
3606
3566
  --tt-border-color: var(--tt-gray-dark-a-200);
3607
3567
  --tt-border-color-tint: var(--tt-gray-dark-a-100);
@@ -3611,33 +3571,6 @@ easyflow-editor {
3611
3571
  --tt-selection-color: rgba(122, 82, 255, 0.2);
3612
3572
  --tt-card-bg-color: var(--tt-gray-dark-50);
3613
3573
  --tt-card-border-color: var(--tt-gray-dark-a-50);
3614
- --tt-shadow-elevated-md:
3615
- 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
3616
- 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
3617
- 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
3618
- 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
3619
- }
3620
- easyflow-editor {
3621
- --tt-color-text-gray: hsl(45, 2%, 46%);
3622
- --tt-color-text-brown: hsl(19, 31%, 47%);
3623
- --tt-color-text-orange: hsl(30, 89%, 45%);
3624
- --tt-color-text-yellow: hsl(38, 62%, 49%);
3625
- --tt-color-text-green: hsl(148, 32%, 39%);
3626
- --tt-color-text-blue: hsl(202, 54%, 43%);
3627
- --tt-color-text-purple: hsl(274, 32%, 54%);
3628
- --tt-color-text-pink: hsl(328, 49%, 53%);
3629
- --tt-color-text-red: hsl(2, 62%, 55%);
3630
- --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
3631
- --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
3632
- --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
3633
- --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
3634
- --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
3635
- --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
3636
- --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
3637
- --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
3638
- --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
3639
- }
3640
- .easyflow-editor.dark {
3641
3574
  --tt-color-text-gray: hsl(0, 0%, 61%);
3642
3575
  --tt-color-text-brown: hsl(18, 35%, 58%);
3643
3576
  --tt-color-text-orange: hsl(25, 53%, 53%);
@@ -3656,28 +3589,6 @@ easyflow-editor {
3656
3589
  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
3657
3590
  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
3658
3591
  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
3659
- }
3660
- easyflow-editor {
3661
- --tt-color-highlight-yellow: #fef9c3;
3662
- --tt-color-highlight-green: #dcfce7;
3663
- --tt-color-highlight-blue: #e0f2fe;
3664
- --tt-color-highlight-purple: #f3e8ff;
3665
- --tt-color-highlight-red: #ffe4e6;
3666
- --tt-color-highlight-gray: rgb(248, 248, 247);
3667
- --tt-color-highlight-brown: rgb(244, 238, 238);
3668
- --tt-color-highlight-orange: rgb(251, 236, 221);
3669
- --tt-color-highlight-pink: rgb(252, 241, 246);
3670
- --tt-color-highlight-yellow-contrast: #fbe604;
3671
- --tt-color-highlight-green-contrast: #c7fad8;
3672
- --tt-color-highlight-blue-contrast: #ceeafd;
3673
- --tt-color-highlight-purple-contrast: #e4ccff;
3674
- --tt-color-highlight-red-contrast: #ffccd0;
3675
- --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
3676
- --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
3677
- --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
3678
- --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
3679
- }
3680
- .easyflow-editor.dark {
3681
3592
  --tt-color-highlight-yellow: #6b6524;
3682
3593
  --tt-color-highlight-green: #509568;
3683
3594
  --tt-color-highlight-blue: #6e92aa;
@@ -3697,6 +3608,13 @@ easyflow-editor {
3697
3608
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
3698
3609
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
3699
3610
  }
3611
+ easyflow-editor .easyflow-editor,
3612
+ easyflow-editor .easyflow-editor *,
3613
+ easyflow-editor .easyflow-editor *::before,
3614
+ easyflow-editor .easyflow-editor *::after {
3615
+ box-sizing: border-box;
3616
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
3617
+ }
3700
3618
 
3701
3619
  /* src/styles/globals.css */
3702
3620
  @layer properties;
@@ -6151,26 +6069,6 @@ easyflow-editor {
6151
6069
  text-rendering: optimizeLegibility;
6152
6070
  -webkit-font-smoothing: antialiased;
6153
6071
  -moz-osx-font-smoothing: grayscale;
6154
- --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
6155
- --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
6156
- --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
6157
- --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
6158
- --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
6159
- --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
6160
- --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
6161
- --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
6162
- --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
6163
- --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
6164
- --tt-gray-light-50: rgba(250, 250, 250, 1);
6165
- --tt-gray-light-100: rgba(244, 244, 245, 1);
6166
- --tt-gray-light-200: rgba(234, 234, 235, 1);
6167
- --tt-gray-light-300: rgba(213, 214, 215, 1);
6168
- --tt-gray-light-400: rgba(166, 167, 171, 1);
6169
- --tt-gray-light-500: rgba(125, 127, 130, 1);
6170
- --tt-gray-light-600: rgba(83, 86, 90, 1);
6171
- --tt-gray-light-700: rgba(64, 65, 69, 1);
6172
- --tt-gray-light-800: rgba(44, 45, 48, 1);
6173
- --tt-gray-light-900: rgba(34, 35, 37, 1);
6174
6072
  --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
6175
6073
  --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
6176
6074
  --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
@@ -6239,10 +6137,10 @@ easyflow-editor {
6239
6137
  --black: rgba(14, 14, 17, 1);
6240
6138
  --transparent: rgba(255, 255, 255, 0);
6241
6139
  --tt-shadow-elevated-md:
6242
- 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
6243
- 0px 12px 24px 0px rgba(17, 24, 39, 0.04),
6244
- 0px 6px 8px 0px rgba(17, 24, 39, 0.02),
6245
- 0px 2px 3px 0px rgba(17, 24, 39, 0.02);
6140
+ 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
6141
+ 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
6142
+ 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
6143
+ 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
6246
6144
  --tt-radius-xxs: 0.125rem;
6247
6145
  --tt-radius-xs: 0.25rem;
6248
6146
  --tt-radius-sm: 0.375rem;
@@ -6260,26 +6158,6 @@ easyflow-editor {
6260
6158
  --tt-accent-contrast: 8%;
6261
6159
  --tt-destructive-contrast: 8%;
6262
6160
  --tt-foreground-contrast: 8%;
6263
- .easyflow-editor,
6264
- .easyflow-editor *,
6265
- .easyflow-editor *::before,
6266
- .easyflow-editor *::after {
6267
- box-sizing: border-box;
6268
- transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6269
- }
6270
- }
6271
- easyflow-editor {
6272
- --tt-bg-color: var(--white);
6273
- --tt-border-color: var(--tt-gray-light-a-200);
6274
- --tt-border-color-tint: var(--tt-gray-light-a-100);
6275
- --tt-sidebar-bg-color: var(--tt-gray-light-100);
6276
- --tt-scrollbar-color: var(--tt-gray-light-a-200);
6277
- --tt-cursor-color: var(--tt-brand-color-500);
6278
- --tt-selection-color: rgba(157, 138, 255, 0.2);
6279
- --tt-card-bg-color: var(--white);
6280
- --tt-card-border-color: var(--tt-gray-light-a-100);
6281
- }
6282
- .easyflow-editor.dark {
6283
6161
  --tt-bg-color: var(--black);
6284
6162
  --tt-border-color: var(--tt-gray-dark-a-200);
6285
6163
  --tt-border-color-tint: var(--tt-gray-dark-a-100);
@@ -6289,33 +6167,6 @@ easyflow-editor {
6289
6167
  --tt-selection-color: rgba(122, 82, 255, 0.2);
6290
6168
  --tt-card-bg-color: var(--tt-gray-dark-50);
6291
6169
  --tt-card-border-color: var(--tt-gray-dark-a-50);
6292
- --tt-shadow-elevated-md:
6293
- 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
6294
- 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
6295
- 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
6296
- 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
6297
- }
6298
- easyflow-editor {
6299
- --tt-color-text-gray: hsl(45, 2%, 46%);
6300
- --tt-color-text-brown: hsl(19, 31%, 47%);
6301
- --tt-color-text-orange: hsl(30, 89%, 45%);
6302
- --tt-color-text-yellow: hsl(38, 62%, 49%);
6303
- --tt-color-text-green: hsl(148, 32%, 39%);
6304
- --tt-color-text-blue: hsl(202, 54%, 43%);
6305
- --tt-color-text-purple: hsl(274, 32%, 54%);
6306
- --tt-color-text-pink: hsl(328, 49%, 53%);
6307
- --tt-color-text-red: hsl(2, 62%, 55%);
6308
- --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
6309
- --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
6310
- --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
6311
- --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
6312
- --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
6313
- --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
6314
- --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
6315
- --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
6316
- --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
6317
- }
6318
- .easyflow-editor.dark {
6319
6170
  --tt-color-text-gray: hsl(0, 0%, 61%);
6320
6171
  --tt-color-text-brown: hsl(18, 35%, 58%);
6321
6172
  --tt-color-text-orange: hsl(25, 53%, 53%);
@@ -6334,28 +6185,6 @@ easyflow-editor {
6334
6185
  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
6335
6186
  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
6336
6187
  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
6337
- }
6338
- easyflow-editor {
6339
- --tt-color-highlight-yellow: #fef9c3;
6340
- --tt-color-highlight-green: #dcfce7;
6341
- --tt-color-highlight-blue: #e0f2fe;
6342
- --tt-color-highlight-purple: #f3e8ff;
6343
- --tt-color-highlight-red: #ffe4e6;
6344
- --tt-color-highlight-gray: rgb(248, 248, 247);
6345
- --tt-color-highlight-brown: rgb(244, 238, 238);
6346
- --tt-color-highlight-orange: rgb(251, 236, 221);
6347
- --tt-color-highlight-pink: rgb(252, 241, 246);
6348
- --tt-color-highlight-yellow-contrast: #fbe604;
6349
- --tt-color-highlight-green-contrast: #c7fad8;
6350
- --tt-color-highlight-blue-contrast: #ceeafd;
6351
- --tt-color-highlight-purple-contrast: #e4ccff;
6352
- --tt-color-highlight-red-contrast: #ffccd0;
6353
- --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
6354
- --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
6355
- --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
6356
- --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
6357
- }
6358
- .easyflow-editor.dark {
6359
6188
  --tt-color-highlight-yellow: #6b6524;
6360
6189
  --tt-color-highlight-green: #509568;
6361
6190
  --tt-color-highlight-blue: #6e92aa;
@@ -6374,6 +6203,13 @@ easyflow-editor {
6374
6203
  --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
6375
6204
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
6376
6205
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
6206
+ .easyflow-editor,
6207
+ .easyflow-editor *,
6208
+ .easyflow-editor *::before,
6209
+ .easyflow-editor *::after {
6210
+ box-sizing: border-box;
6211
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6212
+ }
6377
6213
  }
6378
6214
  @keyframes fadeIn {
6379
6215
  from {