@mhamz.01/easyflow-texteditor 0.1.51 → 0.1.53

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 +244 -408
  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-18300-ZIrBcpkrGtf4/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,114 +43,114 @@
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-18300-ZIrBcpkrGtf4/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
47
47
  .tiptap-button {
48
- --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
49
- --tt-button-hover-bg-color: var(--tt-gray-dark-200);
50
- --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
51
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
52
- --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
53
- --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
54
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
55
- --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
56
- --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
57
- --tt-button-default-text-color: var(--tt-gray-dark-a-600);
58
- --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
59
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
60
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
61
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
62
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
63
- --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
64
- --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
65
- --tt-button-active-icon-color: var(--tt-brand-color-400);
66
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
67
- --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
68
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
69
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
70
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
71
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
72
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
73
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
74
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
75
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
76
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
77
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
78
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
79
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
80
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
48
+ --tt-button-default-bg-color: rgba(231, 231, 243, 0.07);
49
+ --tt-button-hover-bg-color: rgba(45, 45, 47, 1);
50
+ --tt-button-active-bg-color: rgba(238, 238, 246, 0.11);
51
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
52
+ --tt-button-active-bg-color-subdued: rgba(238, 238, 246, 0.11);
53
+ --tt-button-active-hover-bg-color: rgba(70, 70, 73, 1);
54
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
55
+ --tt-button-active-hover-bg-color-subdued: rgba(239, 239, 245, 0.22);
56
+ --tt-button-disabled-bg-color: rgba(232, 232, 253, 0.05);
57
+ --tt-button-default-text-color: rgba(247, 247, 253, 0.64);
58
+ --tt-button-hover-text-color: rgba(255, 255, 255, 0.96);
59
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
60
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
61
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
62
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
63
+ --tt-button-default-icon-color: rgba(247, 247, 253, 0.64);
64
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 0.96);
65
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
66
+ --tt-button-active-icon-color-emphasized: rgba(122, 82, 255, 1);
67
+ --tt-button-active-icon-color-subdued: rgba(255, 255, 255, 0.96);
68
+ --tt-button-disabled-icon-color: rgba(244, 244, 255, 0.37);
69
+ --tt-button-default-icon-sub-color: rgba(239, 239, 245, 0.22);
70
+ --tt-button-hover-icon-sub-color: rgba(244, 244, 255, 0.37);
71
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
72
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
73
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
74
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
75
+ --tt-button-default-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
76
+ --tt-button-hover-dropdown-arrows-color: rgba(251, 251, 254, 0.75);
77
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
78
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(251, 251, 254, 0.75);
79
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
80
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
81
81
  }
82
82
  .tiptap-button[data-style=ghost] {
83
- --tt-button-default-bg-color: var(--transparent);
84
- --tt-button-hover-bg-color: var(--tt-gray-dark-200);
85
- --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
86
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
87
- --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
88
- --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
89
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
90
- --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
91
- --tt-button-disabled-bg-color: var(--transparent);
92
- --tt-button-default-text-color: var(--tt-gray-dark-a-600);
93
- --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
94
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
95
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
96
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
97
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
98
- --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
99
- --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
100
- --tt-button-active-icon-color: var(--tt-brand-color-400);
101
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
102
- --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
103
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
104
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
105
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
106
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
107
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
108
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
109
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
110
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
111
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
112
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
113
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
114
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
115
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
83
+ --tt-button-default-bg-color: rgba(255, 255, 255, 0);
84
+ --tt-button-hover-bg-color: rgba(45, 45, 47, 1);
85
+ --tt-button-active-bg-color: rgba(231, 231, 243, 0.07);
86
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
87
+ --tt-button-active-bg-color-subdued: rgba(231, 231, 243, 0.07);
88
+ --tt-button-active-hover-bg-color: rgba(45, 45, 47, 1);
89
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
90
+ --tt-button-active-hover-bg-color-subdued: rgba(238, 238, 246, 0.11);
91
+ --tt-button-disabled-bg-color: rgba(255, 255, 255, 0);
92
+ --tt-button-default-text-color: rgba(247, 247, 253, 0.64);
93
+ --tt-button-hover-text-color: rgba(255, 255, 255, 0.96);
94
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
95
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
96
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
97
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
98
+ --tt-button-default-icon-color: rgba(247, 247, 253, 0.64);
99
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 0.96);
100
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
101
+ --tt-button-active-icon-color-emphasized: rgba(157, 138, 255, 1);
102
+ --tt-button-active-icon-color-subdued: rgba(255, 255, 255, 0.96);
103
+ --tt-button-disabled-icon-color: rgba(244, 244, 255, 0.37);
104
+ --tt-button-default-icon-sub-color: rgba(239, 239, 245, 0.22);
105
+ --tt-button-hover-icon-sub-color: rgba(244, 244, 255, 0.37);
106
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
107
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
108
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
109
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
110
+ --tt-button-default-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
111
+ --tt-button-hover-dropdown-arrows-color: rgba(251, 251, 254, 0.75);
112
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
113
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(251, 251, 254, 0.75);
114
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
115
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
116
116
  }
117
117
  .tiptap-button[data-style=primary] {
118
- --tt-button-default-bg-color: var(--tt-brand-color-500);
119
- --tt-button-hover-bg-color: var(--tt-brand-color-600);
120
- --tt-button-active-bg-color: var(--tt-brand-color-900);
121
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
122
- --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
123
- --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
124
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
125
- --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
126
- --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
127
- --tt-button-default-text-color: var(--white);
128
- --tt-button-hover-text-color: var(--white);
129
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
130
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
131
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
132
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
133
- --tt-button-default-icon-color: var(--white);
134
- --tt-button-hover-icon-color: var(--white);
135
- --tt-button-active-icon-color: var(--tt-brand-color-400);
136
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
137
- --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
138
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
139
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
140
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
141
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
142
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
143
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
144
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
145
- --tt-button-default-dropdown-arrows-color: var(--white);
146
- --tt-button-hover-dropdown-arrows-color: var(--white);
147
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
148
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
149
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
150
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
118
+ --tt-button-default-bg-color: rgba(98, 41, 255, 1);
119
+ --tt-button-hover-bg-color: rgba(84, 0, 229, 1);
120
+ --tt-button-active-bg-color: rgba(43, 25, 102, 1);
121
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
122
+ --tt-button-active-bg-color-subdued: rgba(43, 25, 102, 1);
123
+ --tt-button-active-hover-bg-color: rgba(56, 0, 153, 1);
124
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
125
+ --tt-button-active-hover-bg-color-subdued: rgba(56, 0, 153, 1);
126
+ --tt-button-disabled-bg-color: rgba(231, 231, 243, 0.07);
127
+ --tt-button-default-text-color: rgba(255, 255, 255, 1);
128
+ --tt-button-hover-text-color: rgba(255, 255, 255, 1);
129
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
130
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
131
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
132
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
133
+ --tt-button-default-icon-color: rgba(255, 255, 255, 1);
134
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 1);
135
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
136
+ --tt-button-active-icon-color-emphasized: rgba(122, 82, 255, 1);
137
+ --tt-button-active-icon-color-subdued: rgba(122, 82, 255, 1);
138
+ --tt-button-disabled-icon-color: rgba(239, 239, 245, 0.22);
139
+ --tt-button-default-icon-sub-color: rgba(244, 244, 255, 0.37);
140
+ --tt-button-hover-icon-sub-color: rgba(236, 238, 253, 0.5);
141
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
142
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
143
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
144
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
145
+ --tt-button-default-dropdown-arrows-color: rgba(255, 255, 255, 1);
146
+ --tt-button-hover-dropdown-arrows-color: rgba(255, 255, 255, 1);
147
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
148
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(247, 247, 253, 0.64);
149
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
150
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/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-18300-ZIrBcpkrGtf4/easyflow-texteditor/src/styles/index.css */
1726
1726
  .tiptap.ProseMirror {
1727
1727
  --blockquote-bg-color: var(--tt-gray-light-900);
1728
1728
  }
@@ -2721,109 +2721,109 @@ table .column-resize-handle {
2721
2721
  flex-direction: row;
2722
2722
  }
2723
2723
  .tiptap-button {
2724
- --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
2725
- --tt-button-hover-bg-color: var(--tt-gray-dark-200);
2726
- --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
2727
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2728
- --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
2729
- --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
2730
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2731
- --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
2732
- --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
2733
- --tt-button-default-text-color: var(--tt-gray-dark-a-600);
2734
- --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
2735
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
2736
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
2737
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
2738
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
2739
- --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
2740
- --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
2741
- --tt-button-active-icon-color: var(--tt-brand-color-400);
2742
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
2743
- --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
2744
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
2745
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
2746
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
2747
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
2748
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
2749
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
2750
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
2751
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2752
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
2753
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2754
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
2755
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
2756
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
2724
+ --tt-button-default-bg-color: rgba(231, 231, 243, 0.07);
2725
+ --tt-button-hover-bg-color: rgba(45, 45, 47, 1);
2726
+ --tt-button-active-bg-color: rgba(238, 238, 246, 0.11);
2727
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
2728
+ --tt-button-active-bg-color-subdued: rgba(238, 238, 246, 0.11);
2729
+ --tt-button-active-hover-bg-color: rgba(70, 70, 73, 1);
2730
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
2731
+ --tt-button-active-hover-bg-color-subdued: rgba(239, 239, 245, 0.22);
2732
+ --tt-button-disabled-bg-color: rgba(232, 232, 253, 0.05);
2733
+ --tt-button-default-text-color: rgba(247, 247, 253, 0.64);
2734
+ --tt-button-hover-text-color: rgba(255, 255, 255, 0.96);
2735
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
2736
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
2737
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
2738
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
2739
+ --tt-button-default-icon-color: rgba(247, 247, 253, 0.64);
2740
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 0.96);
2741
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
2742
+ --tt-button-active-icon-color-emphasized: rgba(122, 82, 255, 1);
2743
+ --tt-button-active-icon-color-subdued: rgba(255, 255, 255, 0.96);
2744
+ --tt-button-disabled-icon-color: rgba(244, 244, 255, 0.37);
2745
+ --tt-button-default-icon-sub-color: rgba(239, 239, 245, 0.22);
2746
+ --tt-button-hover-icon-sub-color: rgba(244, 244, 255, 0.37);
2747
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
2748
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
2749
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
2750
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
2751
+ --tt-button-default-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
2752
+ --tt-button-hover-dropdown-arrows-color: rgba(251, 251, 254, 0.75);
2753
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
2754
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(251, 251, 254, 0.75);
2755
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
2756
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
2757
2757
  }
2758
2758
  .tiptap-button[data-style=ghost] {
2759
- --tt-button-default-bg-color: var(--transparent);
2760
- --tt-button-hover-bg-color: var(--tt-gray-dark-200);
2761
- --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
2762
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2763
- --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
2764
- --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
2765
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2766
- --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
2767
- --tt-button-disabled-bg-color: var(--transparent);
2768
- --tt-button-default-text-color: var(--tt-gray-dark-a-600);
2769
- --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
2770
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
2771
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
2772
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
2773
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
2774
- --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
2775
- --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
2776
- --tt-button-active-icon-color: var(--tt-brand-color-400);
2777
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
2778
- --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
2779
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
2780
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
2781
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
2782
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
2783
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
2784
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
2785
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
2786
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2787
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
2788
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2789
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
2790
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
2791
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
2759
+ --tt-button-default-bg-color: rgba(255, 255, 255, 0);
2760
+ --tt-button-hover-bg-color: rgba(45, 45, 47, 1);
2761
+ --tt-button-active-bg-color: rgba(231, 231, 243, 0.07);
2762
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
2763
+ --tt-button-active-bg-color-subdued: rgba(231, 231, 243, 0.07);
2764
+ --tt-button-active-hover-bg-color: rgba(45, 45, 47, 1);
2765
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
2766
+ --tt-button-active-hover-bg-color-subdued: rgba(238, 238, 246, 0.11);
2767
+ --tt-button-disabled-bg-color: rgba(255, 255, 255, 0);
2768
+ --tt-button-default-text-color: rgba(247, 247, 253, 0.64);
2769
+ --tt-button-hover-text-color: rgba(255, 255, 255, 0.96);
2770
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
2771
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
2772
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
2773
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
2774
+ --tt-button-default-icon-color: rgba(247, 247, 253, 0.64);
2775
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 0.96);
2776
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
2777
+ --tt-button-active-icon-color-emphasized: rgba(157, 138, 255, 1);
2778
+ --tt-button-active-icon-color-subdued: rgba(255, 255, 255, 0.96);
2779
+ --tt-button-disabled-icon-color: rgba(244, 244, 255, 0.37);
2780
+ --tt-button-default-icon-sub-color: rgba(239, 239, 245, 0.22);
2781
+ --tt-button-hover-icon-sub-color: rgba(244, 244, 255, 0.37);
2782
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
2783
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
2784
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
2785
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
2786
+ --tt-button-default-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
2787
+ --tt-button-hover-dropdown-arrows-color: rgba(251, 251, 254, 0.75);
2788
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
2789
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(251, 251, 254, 0.75);
2790
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
2791
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
2792
2792
  }
2793
2793
  .tiptap-button[data-style=primary] {
2794
- --tt-button-default-bg-color: var(--tt-brand-color-500);
2795
- --tt-button-hover-bg-color: var(--tt-brand-color-600);
2796
- --tt-button-active-bg-color: var(--tt-brand-color-900);
2797
- --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2798
- --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
2799
- --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
2800
- --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2801
- --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
2802
- --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
2803
- --tt-button-default-text-color: var(--white);
2804
- --tt-button-hover-text-color: var(--white);
2805
- --tt-button-active-text-color: var(--tt-gray-dark-a-900);
2806
- --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
2807
- --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
2808
- --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
2809
- --tt-button-default-icon-color: var(--white);
2810
- --tt-button-hover-icon-color: var(--white);
2811
- --tt-button-active-icon-color: var(--tt-brand-color-400);
2812
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
2813
- --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
2814
- --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
2815
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
2816
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
2817
- --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
2818
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
2819
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
2820
- --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
2821
- --tt-button-default-dropdown-arrows-color: var(--white);
2822
- --tt-button-hover-dropdown-arrows-color: var(--white);
2823
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2824
- --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
2825
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
2826
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
2794
+ --tt-button-default-bg-color: rgba(98, 41, 255, 1);
2795
+ --tt-button-hover-bg-color: rgba(84, 0, 229, 1);
2796
+ --tt-button-active-bg-color: rgba(43, 25, 102, 1);
2797
+ --tt-button-active-bg-color-emphasized: rgba(43, 25, 102, 1);
2798
+ --tt-button-active-bg-color-subdued: rgba(43, 25, 102, 1);
2799
+ --tt-button-active-hover-bg-color: rgba(56, 0, 153, 1);
2800
+ --tt-button-active-hover-bg-color-emphasized: rgba(56, 0, 153, 1);
2801
+ --tt-button-active-hover-bg-color-subdued: rgba(56, 0, 153, 1);
2802
+ --tt-button-disabled-bg-color: rgba(231, 231, 243, 0.07);
2803
+ --tt-button-default-text-color: rgba(255, 255, 255, 1);
2804
+ --tt-button-hover-text-color: rgba(255, 255, 255, 1);
2805
+ --tt-button-active-text-color: rgba(255, 255, 255, 0.96);
2806
+ --tt-button-active-text-color-emphasized: rgba(255, 255, 255, 0.96);
2807
+ --tt-button-active-text-color-subdued: rgba(255, 255, 255, 0.96);
2808
+ --tt-button-disabled-text-color: rgba(239, 239, 245, 0.22);
2809
+ --tt-button-default-icon-color: rgba(255, 255, 255, 1);
2810
+ --tt-button-hover-icon-color: rgba(255, 255, 255, 1);
2811
+ --tt-button-active-icon-color: rgba(122, 82, 255, 1);
2812
+ --tt-button-active-icon-color-emphasized: rgba(122, 82, 255, 1);
2813
+ --tt-button-active-icon-color-subdued: rgba(122, 82, 255, 1);
2814
+ --tt-button-disabled-icon-color: rgba(239, 239, 245, 0.22);
2815
+ --tt-button-default-icon-sub-color: rgba(244, 244, 255, 0.37);
2816
+ --tt-button-hover-icon-sub-color: rgba(236, 238, 253, 0.5);
2817
+ --tt-button-active-icon-sub-color: rgba(239, 239, 245, 0.22);
2818
+ --tt-button-active-icon-sub-color-emphasized: rgba(244, 244, 255, 0.37);
2819
+ --tt-button-active-icon-sub-color-subdued: rgba(239, 239, 245, 0.22);
2820
+ --tt-button-disabled-icon-sub-color: rgba(231, 231, 243, 0.07);
2821
+ --tt-button-default-dropdown-arrows-color: rgba(255, 255, 255, 1);
2822
+ --tt-button-hover-dropdown-arrows-color: rgba(255, 255, 255, 1);
2823
+ --tt-button-active-dropdown-arrows-color: rgba(247, 247, 253, 0.64);
2824
+ --tt-button-active-dropdown-arrows-color-emphasized: rgba(247, 247, 253, 0.64);
2825
+ --tt-button-active-dropdown-arrows-color-subdued: rgba(247, 247, 253, 0.64);
2826
+ --tt-button-disabled-dropdown-arrows-color: rgba(244, 244, 255, 0.37);
2827
2827
  }
2828
2828
  .tiptap-button-group {
2829
2829
  position: relative;
@@ -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-18300-ZIrBcpkrGtf4/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 {