@mantine/tiptap 7.14.3 → 7.15.0

package/styles.layer.css

@@ -18,8 +18,8 @@
 }
 
 .m_d37966d9 li > p {
-    display: inline-block;
     margin: 0;
+    display: inline-block;
   }
 
 .m_d37966d9 ul li,
@@ -153,26 +153,44 @@
 }
 
 .m_c2207da6 {
-  min-width: calc(1.625rem * var(--mantine-scale));
-  height: calc(1.625rem * var(--mantine-scale));
   display: flex;
   justify-content: center;
   align-items: center;
-  border: calc(0.0625rem * var(--mantine-scale)) solid;
   border-radius: var(--mantine-radius-default);
   cursor: default;
 }
 
+.m_c2207da6:where([data-variant='default']) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid;
+    min-width: calc(1.625rem * var(--mantine-scale));
+    height: calc(1.625rem * var(--mantine-scale));
+  }
+
+.m_c2207da6:where([data-variant='subtle']) {
+    --control-icon-size: calc(1.25rem * var(--mantine-scale));
+    min-width: calc(2rem * var(--mantine-scale));
+    height: calc(2rem * var(--mantine-scale));
+  }
+
 :where([data-mantine-color-scheme='light']) .m_c2207da6 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
+    color: var(--mantine-color-gray-7);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_c2207da6 {
-    background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-1);
 }
 
+:where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-variant='default']) {
+      background-color: var(--mantine-color-dark-6);
+    }
+
+:where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-variant='subtle']) {
+      background-color: var(--mantine-color-dark-7);
+    }
+
 .m_c2207da6:where([data-disabled]) {
     cursor: not-allowed;
   }
@@ -192,9 +210,17 @@
   }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover {
-        background-color: var(--mantine-color-gray-0);
+
+  .m_c2207da6:where([data-interactive]:not([data-disabled])):hover {
+      color: var(--mantine-color-bright);
   }
+        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover:where([data-variant='default']) {
+          background-color: var(--mantine-color-gray-0);
+        }
+
+        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
+          background-color: var(--mantine-color-gray-1);
+        }
 
       :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover {
         background-color: var(--mantine-color-dark-5);
@@ -202,9 +228,17 @@
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):active {
-        background-color: var(--mantine-color-gray-0);
+
+  .m_c2207da6:where([data-interactive]:not([data-disabled])):active {
+      color: var(--mantine-color-bright);
   }
+        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):active:where([data-variant='default']) {
+          background-color: var(--mantine-color-gray-0);
+        }
+
+        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
+          background-color: var(--mantine-color-gray-1);
+        }
 
       :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]:not([data-disabled])):active {
         background-color: var(--mantine-color-dark-5);
@@ -230,28 +264,33 @@
   }
 }
 
+.m_9cdfeb3f {
+  width: var(--control-icon-size, 16px);
+  height: var(--control-icon-size, 16px);
+}
+
 .m_2ab47ef2 {
   display: flex;
   background-color: var(--mantine-color-body);
 }
 
-.m_2ab47ef2 :where([data-rich-text-editor-control]) {
-    border-radius: 0;
-  }
-
-.m_2ab47ef2 :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
-      border-inline-end-width: 0;
+.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]) {
+      border-radius: 0;
     }
 
-.m_2ab47ef2 :where([data-rich-text-editor-control]):where(:last-of-type) {
-      border-start-end-radius: var(--mantine-radius-default);
-      border-end-end-radius: var(--mantine-radius-default);
-    }
+.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
+        border-inline-end-width: 0;
+      }
 
-.m_2ab47ef2 :where([data-rich-text-editor-control]):where(:first-of-type) {
-      border-start-start-radius: var(--mantine-radius-default);
-      border-end-start-radius: var(--mantine-radius-default);
-    }
+.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
+        border-start-end-radius: var(--mantine-radius-default);
+        border-end-end-radius: var(--mantine-radius-default);
+      }
+
+.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
+        border-start-start-radius: var(--mantine-radius-default);
+        border-end-start-radius: var(--mantine-radius-default);
+      }
 
 .m_b67b711e {
   display: flex;
@@ -313,15 +352,23 @@
   align-items: center;
   flex-wrap: wrap;
   gap: var(--mantine-spacing-sm);
-  top: var(--rte-sticky-offset, 0);
+  top: var(--rte-sticky-offset, 0px);
   background-color: var(--mantine-color-body);
   z-index: 1;
   border-start-end-radius: var(--mantine-radius-default);
   border-start-start-radius: var(--mantine-radius-default);
   border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
-  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
 }
 
+.m_4574a3c4:where([data-variant='default']) {
+    padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  }
+
+.m_4574a3c4:where([data-variant='subtle']) {
+    padding: calc(0.25rem * var(--mantine-scale));
+    row-gap: 0;
+  }
+
 :where([data-mantine-color-scheme='light']) .m_4574a3c4 {
     border-color: var(--mantine-color-gray-4);
 }