@mhamz.01/easyflow-texteditor 0.1.37 → 0.1.38

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/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-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/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-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/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-light-a-100);
49
49
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
@@ -279,7 +279,7 @@
279
279
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
280
280
  }
281
281
 
282
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
282
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
283
283
  .tiptap-button-group {
284
284
  position: relative;
285
285
  display: flex;
@@ -300,7 +300,7 @@
300
300
  align-items: center;
301
301
  }
302
302
 
303
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
303
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
304
304
  .tiptap-button {
305
305
  font-size: 0.875rem;
306
306
  font-weight: 500;
@@ -563,7 +563,7 @@
563
563
  color: var(--tt-button-disabled-icon-color);
564
564
  }
565
565
 
566
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
566
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
567
567
  .tiptap-separator {
568
568
  --tt-link-border-color: var(--tt-gray-light-a-200);
569
569
  }
@@ -584,14 +584,14 @@
584
584
  width: 1px;
585
585
  }
586
586
 
587
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
588
- :root {
587
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
588
+ .easyflow-editor {
589
589
  --tt-toolbar-height: 2.75rem;
590
590
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
591
591
  --tt-toolbar-bg-color: var(--white);
592
592
  --tt-toolbar-border-color: var(--tt-gray-light-a-100);
593
593
  }
594
- .dark {
594
+ .easyflow-editor.dark {
595
595
  --tt-toolbar-bg-color: var(--black);
596
596
  --tt-toolbar-border-color: var(--black);
597
597
  }
@@ -692,8 +692,8 @@
692
692
  }
693
693
  }
694
694
 
695
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
696
- :root {
695
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
696
+ .easyflow-editor {
697
697
  --tiptap-image-upload-active: var(--tt-brand-color-500);
698
698
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
699
699
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
@@ -706,7 +706,7 @@
706
706
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
707
707
  --tiptap-image-upload-icon-color: var(--white);
708
708
  }
709
- .dark {
709
+ .easyflow-editor .dark {
710
710
  --tiptap-image-upload-active: var(--tt-brand-color-400);
711
711
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
712
712
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
@@ -896,7 +896,7 @@
896
896
  }
897
897
  }
898
898
 
899
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
899
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
900
900
  .tiptap.ProseMirror {
901
901
  --blockquote-bg-color: var(--tt-gray-light-900);
902
902
  }
@@ -926,7 +926,7 @@
926
926
  border-radius: 0;
927
927
  }
928
928
 
929
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
929
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
930
930
  .tiptap.ProseMirror {
931
931
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
932
932
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
@@ -971,7 +971,7 @@
971
971
  color: inherit;
972
972
  }
973
973
 
974
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
974
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
975
975
  .tiptap.ProseMirror {
976
976
  --horizontal-rule-color: var(--tt-gray-light-a-200);
977
977
  }
@@ -990,7 +990,7 @@
990
990
  padding-bottom: 0.75rem;
991
991
  }
992
992
 
993
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
993
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
994
994
  .tiptap.ProseMirror {
995
995
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
996
996
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
@@ -1115,7 +1115,7 @@
1115
1115
  min-width: 0;
1116
1116
  }
1117
1117
 
1118
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1118
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1119
1119
  .tiptap.ProseMirror img {
1120
1120
  max-width: 100%;
1121
1121
  height: auto;
@@ -1140,7 +1140,7 @@
1140
1140
  margin: 0;
1141
1141
  }
1142
1142
 
1143
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1143
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1144
1144
  .tiptap.ProseMirror h1,
1145
1145
  .tiptap.ProseMirror h2,
1146
1146
  .tiptap.ProseMirror h3,
@@ -1180,7 +1180,7 @@
1180
1180
  margin-top: 2em;
1181
1181
  }
1182
1182
 
1183
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1183
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1184
1184
  .tiptap-badge {
1185
1185
  --tt-badge-border-color: var(--tt-gray-light-a-200);
1186
1186
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
@@ -1378,7 +1378,7 @@
1378
1378
  --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
1379
1379
  }
1380
1380
 
1381
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1381
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1382
1382
  .tiptap-badge-group {
1383
1383
  align-items: center;
1384
1384
  display: flex;
@@ -1392,7 +1392,7 @@
1392
1392
  flex-direction: row;
1393
1393
  }
1394
1394
 
1395
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1395
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1396
1396
  .tiptap-badge {
1397
1397
  font-size: 0.625rem;
1398
1398
  font-weight: 700;
@@ -1470,7 +1470,7 @@
1470
1470
  color: var(--tt-badge-icon-color-subdued);
1471
1471
  }
1472
1472
 
1473
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1473
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1474
1474
  .tiptap-dropdown-menu {
1475
1475
  --tt-dropdown-menu-bg-color: var(--white);
1476
1476
  --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
@@ -1517,13 +1517,13 @@
1517
1517
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1518
1518
  }
1519
1519
 
1520
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1521
- :root {
1520
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1521
+ .easyflow-editor {
1522
1522
  --tiptap-card-bg-color: var(--white);
1523
1523
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
1524
1524
  --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
1525
1525
  }
1526
- .dark {
1526
+ .easyflow-editor.dark {
1527
1527
  --tiptap-card-bg-color: var(--tt-gray-dark-50);
1528
1528
  --tiptap-card-border-color: var(--tt-gray-dark-a-100);
1529
1529
  --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
@@ -1586,7 +1586,7 @@
1586
1586
  color: var(--tiptap-card-group-label-color);
1587
1587
  }
1588
1588
 
1589
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1589
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1590
1590
  .tiptap-popover {
1591
1591
  --tt-popover-bg-color: var(--white);
1592
1592
  --tt-popover-border-color: var(--tt-gray-light-a-100);
@@ -1633,7 +1633,7 @@
1633
1633
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1634
1634
  }
1635
1635
 
1636
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1636
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1637
1637
  .tiptap-button-highlight {
1638
1638
  position: relative;
1639
1639
  width: 1.25rem;
@@ -1667,11 +1667,11 @@
1667
1667
  filter: brightness(180%);
1668
1668
  }
1669
1669
 
1670
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1671
- :root {
1670
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1671
+ .easyflow-editor {
1672
1672
  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
1673
1673
  }
1674
- .dark {
1674
+ .easyflow-editor.dark {
1675
1675
  --tiptap-input-placeholder: var(--tt-gray-dark-a-400);
1676
1676
  }
1677
1677
  .tiptap-input {
@@ -1707,12 +1707,12 @@
1707
1707
  align-items: stretch;
1708
1708
  }
1709
1709
 
1710
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1711
- body {
1710
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1711
+ .easyflow-editor {
1712
1712
  --tt-toolbar-height: 44px;
1713
1713
  --tt-theme-text: var(--tt-gray-dark-900);
1714
1714
  }
1715
- body {
1715
+ .easyflow-editor {
1716
1716
  font-family: "Inter", sans-serif;
1717
1717
  color: var(--tt-theme-text);
1718
1718
  font-optical-sizing: auto;
@@ -1721,36 +1721,32 @@ body {
1721
1721
  padding: 0;
1722
1722
  overscroll-behavior-y: none;
1723
1723
  }
1724
- html,
1725
- body {
1724
+ .easyflow-editor {
1726
1725
  overscroll-behavior-x: none;
1727
1726
  height: 100%;
1728
1727
  }
1729
- html,
1730
- body,
1731
- #root,
1732
- #app {
1728
+ .easyflow-editor {
1733
1729
  height: 100%;
1734
1730
  background-color: var(--tt-bg-color);
1735
1731
  }
1736
- ::-webkit-scrollbar {
1732
+ .easyflow-editor {
1737
1733
  width: 0.25rem;
1738
1734
  }
1739
- * {
1735
+ .easyflow-editor * {
1740
1736
  scrollbar-width: thin;
1741
1737
  scrollbar-color: var(--tt-scrollbar-color) transparent;
1742
1738
  }
1743
- ::-webkit-scrollbar-thumb {
1739
+ .easyflow-editor ::-webkit-scrollbar-thumb {
1744
1740
  background-color: var(--tt-scrollbar-color);
1745
1741
  border-radius: 9999px;
1746
1742
  }
1747
- ::-webkit-scrollbar-track {
1743
+ .easyflow-editor ::-webkit-scrollbar-track {
1748
1744
  background: transparent;
1749
1745
  }
1750
- .tiptap.ProseMirror {
1746
+ .easyflow-editor .tiptap.ProseMirror {
1751
1747
  font-family: "DM Sans", sans-serif;
1752
1748
  }
1753
- .simple-editor-wrapper {
1749
+ .easyflow-editor .simple-editor-wrapper {
1754
1750
  width: 100%;
1755
1751
  height: 100%;
1756
1752
  display: flex;
@@ -1761,7 +1757,7 @@ body,
1761
1757
  -webkit-overflow-scrolling: touch;
1762
1758
  position: relative;
1763
1759
  }
1764
- .simple-editor-content {
1760
+ .easyflow-editor .simple-editor-content {
1765
1761
  max-width: 900px;
1766
1762
  width: 100%;
1767
1763
  margin: 0 auto;
@@ -1775,7 +1771,7 @@ body,
1775
1771
  box-sizing: border-box;
1776
1772
  padding: 1.25rem 1rem;
1777
1773
  }
1778
- .simple-editor-content .tiptap.ProseMirror.simple-editor {
1774
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor {
1779
1775
  flex: 1;
1780
1776
  padding: 4rem 3rem 30vh;
1781
1777
  min-width: 0;
@@ -1785,20 +1781,20 @@ body,
1785
1781
  overflow-wrap: anywhere;
1786
1782
  outline: none;
1787
1783
  }
1788
- .simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
1784
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
1789
1785
  border-color: transparent;
1790
1786
  outline: none;
1791
1787
  box-shadow: none;
1792
1788
  }
1793
- table {
1789
+ .easyflow-editor .tiptap table {
1794
1790
  border-collapse: collapse;
1795
1791
  margin: 0;
1796
1792
  overflow: hidden;
1797
1793
  table-layout: fixed;
1798
1794
  width: 100%;
1799
1795
  }
1800
- table td,
1801
- table th {
1796
+ .easyflow-editor .tiptap table td,
1797
+ .easyflow-editor .tiptap table th {
1802
1798
  border: 1px solid #3A3A3A;
1803
1799
  box-sizing: border-box;
1804
1800
  min-width: 1em;
@@ -1807,17 +1803,17 @@ table th {
1807
1803
  vertical-align: top;
1808
1804
  color: #E6E6E6;
1809
1805
  }
1810
- table td > *,
1811
- table th > * {
1806
+ .easyflow-editor .tiptap table td > *,
1807
+ .easyflow-editor .tiptap table th > * {
1812
1808
  margin-bottom: 0;
1813
1809
  }
1814
- table th {
1810
+ .easyflow-editor .tiptap table th {
1815
1811
  background-color: #1E1E1E;
1816
1812
  font-weight: bold;
1817
1813
  text-align: left;
1818
1814
  color: #FFFFFF;
1819
1815
  }
1820
- table .selectedCell:after {
1816
+ .easyflow-editor .tiptap table .selectedCell:after {
1821
1817
  background: #2A2A2A;
1822
1818
  content: "";
1823
1819
  left: 0;
@@ -1828,7 +1824,7 @@ table .selectedCell:after {
1828
1824
  position: absolute;
1829
1825
  z-index: 2;
1830
1826
  }
1831
- table .column-resize-handle {
1827
+ .easyflow-editor .tiptap table .column-resize-handle {
1832
1828
  background-color: #6A5ACD;
1833
1829
  bottom: -2px;
1834
1830
  pointer-events: none;
@@ -1846,12 +1842,12 @@ table .column-resize-handle {
1846
1842
  cursor: col-resize;
1847
1843
  }
1848
1844
  @media screen and (max-width: 480px) {
1849
- .simple-editor-content .tiptap.ProseMirror.simple-editor {
1845
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor {
1850
1846
  padding: 4rem 1.5rem 50vh;
1851
1847
  }
1852
1848
  }
1853
1849
 
1854
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/styles/index.css */
1850
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/styles/index.css */
1855
1851
  .tiptap.ProseMirror {
1856
1852
  --blockquote-bg-color: var(--tt-gray-light-900);
1857
1853
  }
@@ -2001,7 +1997,7 @@ table .column-resize-handle {
2001
1997
  .tiptap.ProseMirror .tiptap-thread img {
2002
1998
  margin: 0;
2003
1999
  }
2004
- :root {
2000
+ .easyflow-editor {
2005
2001
  --tiptap-image-upload-active: var(--tt-brand-color-500);
2006
2002
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
2007
2003
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
@@ -2014,7 +2010,7 @@ table .column-resize-handle {
2014
2010
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
2015
2011
  --tiptap-image-upload-icon-color: var(--white);
2016
2012
  }
2017
- .dark {
2013
+ .easyflow-editor .dark {
2018
2014
  --tiptap-image-upload-active: var(--tt-brand-color-400);
2019
2015
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
2020
2016
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
@@ -2499,11 +2495,11 @@ table .column-resize-handle {
2499
2495
  height: 0.188rem;
2500
2496
  cursor: grabbing;
2501
2497
  }
2502
- body {
2498
+ .easyflow-editor {
2503
2499
  --tt-toolbar-height: 44px;
2504
2500
  --tt-theme-text: var(--tt-gray-dark-900);
2505
2501
  }
2506
- body {
2502
+ .easyflow-editor {
2507
2503
  font-family: "Inter", sans-serif;
2508
2504
  color: var(--tt-theme-text);
2509
2505
  font-optical-sizing: auto;
@@ -2512,36 +2508,32 @@ body {
2512
2508
  padding: 0;
2513
2509
  overscroll-behavior-y: none;
2514
2510
  }
2515
- html,
2516
- body {
2511
+ .easyflow-editor {
2517
2512
  overscroll-behavior-x: none;
2518
2513
  height: 100%;
2519
2514
  }
2520
- html,
2521
- body,
2522
- #root,
2523
- #app {
2515
+ .easyflow-editor {
2524
2516
  height: 100%;
2525
2517
  background-color: var(--tt-bg-color);
2526
2518
  }
2527
- ::-webkit-scrollbar {
2519
+ .easyflow-editor {
2528
2520
  width: 0.25rem;
2529
2521
  }
2530
- * {
2522
+ .easyflow-editor * {
2531
2523
  scrollbar-width: thin;
2532
2524
  scrollbar-color: var(--tt-scrollbar-color) transparent;
2533
2525
  }
2534
- ::-webkit-scrollbar-thumb {
2526
+ .easyflow-editor ::-webkit-scrollbar-thumb {
2535
2527
  background-color: var(--tt-scrollbar-color);
2536
2528
  border-radius: 9999px;
2537
2529
  }
2538
- ::-webkit-scrollbar-track {
2530
+ .easyflow-editor ::-webkit-scrollbar-track {
2539
2531
  background: transparent;
2540
2532
  }
2541
- .tiptap.ProseMirror {
2533
+ .easyflow-editor .tiptap.ProseMirror {
2542
2534
  font-family: "DM Sans", sans-serif;
2543
2535
  }
2544
- .simple-editor-wrapper {
2536
+ .easyflow-editor .simple-editor-wrapper {
2545
2537
  width: 100%;
2546
2538
  height: 100%;
2547
2539
  display: flex;
@@ -2552,7 +2544,7 @@ body,
2552
2544
  -webkit-overflow-scrolling: touch;
2553
2545
  position: relative;
2554
2546
  }
2555
- .simple-editor-content {
2547
+ .easyflow-editor .simple-editor-content {
2556
2548
  max-width: 900px;
2557
2549
  width: 100%;
2558
2550
  margin: 0 auto;
@@ -2566,7 +2558,7 @@ body,
2566
2558
  box-sizing: border-box;
2567
2559
  padding: 1.25rem 1rem;
2568
2560
  }
2569
- .simple-editor-content .tiptap.ProseMirror.simple-editor {
2561
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor {
2570
2562
  flex: 1;
2571
2563
  padding: 4rem 3rem 30vh;
2572
2564
  min-width: 0;
@@ -2576,20 +2568,20 @@ body,
2576
2568
  overflow-wrap: anywhere;
2577
2569
  outline: none;
2578
2570
  }
2579
- .simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
2571
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
2580
2572
  border-color: transparent;
2581
2573
  outline: none;
2582
2574
  box-shadow: none;
2583
2575
  }
2584
- table {
2576
+ .easyflow-editor .tiptap table {
2585
2577
  border-collapse: collapse;
2586
2578
  margin: 0;
2587
2579
  overflow: hidden;
2588
2580
  table-layout: fixed;
2589
2581
  width: 100%;
2590
2582
  }
2591
- table td,
2592
- table th {
2583
+ .easyflow-editor .tiptap table td,
2584
+ .easyflow-editor .tiptap table th {
2593
2585
  border: 1px solid #3A3A3A;
2594
2586
  box-sizing: border-box;
2595
2587
  min-width: 1em;
@@ -2598,17 +2590,17 @@ table th {
2598
2590
  vertical-align: top;
2599
2591
  color: #E6E6E6;
2600
2592
  }
2601
- table td > *,
2602
- table th > * {
2593
+ .easyflow-editor .tiptap table td > *,
2594
+ .easyflow-editor .tiptap table th > * {
2603
2595
  margin-bottom: 0;
2604
2596
  }
2605
- table th {
2597
+ .easyflow-editor .tiptap table th {
2606
2598
  background-color: #1E1E1E;
2607
2599
  font-weight: bold;
2608
2600
  text-align: left;
2609
2601
  color: #FFFFFF;
2610
2602
  }
2611
- table .selectedCell:after {
2603
+ .easyflow-editor .tiptap table .selectedCell:after {
2612
2604
  background: #2A2A2A;
2613
2605
  content: "";
2614
2606
  left: 0;
@@ -2619,7 +2611,7 @@ table .selectedCell:after {
2619
2611
  position: absolute;
2620
2612
  z-index: 2;
2621
2613
  }
2622
- table .column-resize-handle {
2614
+ .easyflow-editor .tiptap table .column-resize-handle {
2623
2615
  background-color: #6A5ACD;
2624
2616
  bottom: -2px;
2625
2617
  pointer-events: none;
@@ -2637,7 +2629,7 @@ table .column-resize-handle {
2637
2629
  cursor: col-resize;
2638
2630
  }
2639
2631
  @media screen and (max-width: 480px) {
2640
- .simple-editor-content .tiptap.ProseMirror.simple-editor {
2632
+ .easyflow-editor .simple-editor-content .tiptap.ProseMirror.simple-editor {
2641
2633
  padding: 4rem 1.5rem 50vh;
2642
2634
  }
2643
2635
  }
@@ -3363,12 +3355,12 @@ table .column-resize-handle {
3363
3355
  .tiptap-button:disabled .tiptap-button-icon {
3364
3356
  color: var(--tt-button-disabled-icon-color);
3365
3357
  }
3366
- :root {
3358
+ .easyflow-editor {
3367
3359
  --tiptap-card-bg-color: var(--white);
3368
3360
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
3369
3361
  --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
3370
3362
  }
3371
- .dark {
3363
+ .easyflow-editor.dark {
3372
3364
  --tiptap-card-bg-color: var(--tt-gray-dark-50);
3373
3365
  --tiptap-card-border-color: var(--tt-gray-dark-a-100);
3374
3366
  --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
@@ -3475,10 +3467,10 @@ table .column-resize-handle {
3475
3467
  .tiptap-dropdown-menu[data-side=left-end] {
3476
3468
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
3477
3469
  }
3478
- :root {
3470
+ .easyflow-editor {
3479
3471
  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
3480
3472
  }
3481
- .dark {
3473
+ .easyflow-editor.dark {
3482
3474
  --tiptap-input-placeholder: var(--tt-gray-dark-a-400);
3483
3475
  }
3484
3476
  .tiptap-input {
@@ -3577,13 +3569,13 @@ table .column-resize-handle {
3577
3569
  height: 1.5rem;
3578
3570
  width: 1px;
3579
3571
  }
3580
- :root {
3572
+ .easyflow-editor {
3581
3573
  --tt-toolbar-height: 2.75rem;
3582
3574
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
3583
3575
  --tt-toolbar-bg-color: var(--white);
3584
3576
  --tt-toolbar-border-color: var(--tt-gray-light-a-100);
3585
3577
  }
3586
- .dark {
3578
+ .easyflow-editor.dark {
3587
3579
  --tt-toolbar-bg-color: var(--black);
3588
3580
  --tt-toolbar-border-color: var(--black);
3589
3581
  }
@@ -3724,7 +3716,7 @@ table .column-resize-handle {
3724
3716
  color: var(--tt-kbd);
3725
3717
  }
3726
3718
 
3727
- /* C:/Users/hamza/AppData/Local/Temp/tmp-32604-lWUlftUViDWf/easyflow-texteditor/src/styles/_variables.css */
3719
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-5380-1KjRi1rJ1fXV/easyflow-texteditor/src/styles/_variables.css */
3728
3720
  easyflow-editor {
3729
3721
  overflow-wrap: break-word;
3730
3722
  text-size-adjust: none;