@syncfusion/ej2-angular-documenteditor 23.1.44 → 23.2.4

package/styles/tailwind-dark.css

@@ -855,6 +855,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;
@@ -5736,6 +5744,67 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
 }
 
+.e-de-hRuler {
+  background-color: #374151;
+  border-bottom: 0.5px solid #4b5563;
+}
+
+.e-de-vRuler {
+  background-color: #374151;
+  border-right: 0.5px solid #4b5563;
+}
+
+.e-de-ruler-margin {
+  background-color: #1f2937;
+}
+
+.e-de-ruler-tick {
+  stroke: #d1d5db;
+}
+
+.e-de-ruler-tick-label {
+  fill: #d1d5db;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #1f2937;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #d1d5db;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #d1d5db;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #1f2937;
+  stroke: #d1d5db;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #4b5563;
+  stroke: #d1d5db;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #22d3ee;
+  stroke: #d1d5db;
+}
+
+.e-de-ruler-table-svg {
+  fill: #d1d5db;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #4b5563;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #22d3ee;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5747,6 +5816,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 10px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #374151;
+  border-right: none;
+  border-left: 0.5px solid #4b5563;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;

package/styles/tailwind.css

@@ -858,6 +858,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;
@@ -5739,6 +5747,67 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
 }
 
+.e-de-hRuler {
+  background-color: #f3f4f6;
+  border-bottom: 0.5px solid #e5e7eb;
+}
+
+.e-de-vRuler {
+  background-color: #f3f4f6;
+  border-right: 0.5px solid #e5e7eb;
+}
+
+.e-de-ruler-margin {
+  background-color: #fff;
+}
+
+.e-de-ruler-tick {
+  stroke: #6b7280;
+}
+
+.e-de-ruler-tick-label {
+  fill: #374151;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #fff;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #6b7280;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #6b7280;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #fff;
+  stroke: #6b7280;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #e5e7eb;
+  stroke: #6b7280;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #4f46e5;
+  stroke: #6b7280;
+}
+
+.e-de-ruler-table-svg {
+  fill: #6b7280;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #e5e7eb;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #4f46e5;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5750,6 +5819,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 10px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #f3f4f6;
+  border-right: none;
+  border-left: 0.5px solid #e5e7eb;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;