@dialpad/dialtone-css 8.48.0 → 8.49.0

package/lib/build/less/components/codeblock.less

@@ -23,4 +23,4 @@
     border: var(--dt-size-100) solid;
     border-color: var(--dt-color-border-subtle);
     border-radius: var(--dt-size-radius-400);
-}
+}

package/lib/build/less/components/rich-text-editor.less

@@ -1,9 +1,19 @@
 .d-rich-text-editor {
   &__code-block {
     padding: var(--dt-space-400);
+    font: var(--dt-typography-code-md);
     background: var(--dt-color-surface-secondary);
   }
 
+  code:not(.d-rich-text-editor__code-block > code) {
+    padding: var(--dt-space-200);
+    color: var(--dt-color-foreground-warning);
+    font: var(--dt-typography-code-md);
+    background-color: var(--dt-color-surface-secondary-opaque);
+    border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
+    border-radius: var(--dt-size-radius-200);
+  }
+
   > .ProseMirror {
     box-shadow: none;
 
@@ -30,11 +40,15 @@
     blockquote {
       margin-left: 0;
       padding-left: var(--dt-space-400);
-      border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);
+      border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
     }
   }
 }
 
+.d-rich-text-editor-bubble-menu__button-stack {
+  padding: var(--dt-space-300);
+}
+
 .d-suggestion-list__container {
   max-height: var(--dt-size-875);
 }

package/lib/build/less/recipes/message_input.less

@@ -1,6 +1,7 @@
 .d-recipe-message-input {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
   line-height: var(--dt-font-line-height-400);
   border: var(--dt-size-border-100) solid;
   border-color: var(--dt-color-border-default);
@@ -16,10 +17,23 @@
   }
 }
 
+.d-recipe-message-input__button-stack {
+  padding: var(--dt-space-400);
+  background-color: var(--dt-color-surface-secondary);
+}
+
+.d-recipe-message-input__button-stack-icon {
+  font-weight: var(--dt-font-weight-bold);
+}
+
 .d-recipe-message-input__editor-wrapper {
   padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
 }
 
+.d-recipe-message-input__link-popover {
+  width: 36.0rem;
+}
+
 .d-recipe-message-input__remaining-char {
   margin-right: var(--dt-space-300);
   color: var(--dt-color-foreground-critical);
@@ -95,3 +109,28 @@
   display: flex;
   align-items: center;
 }
+
+.d-recipe-message-input--button-group-divider {
+  width: var(--dt-size-100);
+  height: calc(var(--dt-size-550) + var(--dt-size-300));
+  margin-right: var(--dt-space-300);
+  margin-left: var(--dt-space-300);
+  background: var(--dt-color-border-subtle);
+}
+
+.d-recipe-message-input__link-dialog-title {
+  font: var(--dt-typography-headline-md-compact);
+}
+
+.d-recipe-message-input__link-dialog-buttons {
+  justify-content: space-between;
+}
+
+.d-recipe-message-input__link-input {
+  margin-top: var(--dt-space-350);
+  padding-top: var(--dt-space-200);
+  padding-bottom: var(--dt-space-200);
+  background-color: var(--dt-color-surface-secondary);
+  border: var(--dt-space-100) solid;
+  border-color: var(--dt-color-border-default);
+}

package/lib/dist/dialtone-default-theme.css

@@ -3828,8 +3828,17 @@ legend .d-label--md {
 }
 .d-rich-text-editor__code-block {
   padding: var(--dt-space-400);
+  font: var(--dt-typography-code-md);
   background: var(--dt-color-surface-secondary);
 }
+.d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
+  padding: var(--dt-space-200);
+  color: var(--dt-color-foreground-warning);
+  font: var(--dt-typography-code-md);
+  background-color: var(--dt-color-surface-secondary-opaque);
+  border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
+  border-radius: var(--dt-size-radius-200);
+}
 .d-rich-text-editor > .ProseMirror {
   box-shadow: none;
 }
@@ -3853,7 +3862,10 @@ legend .d-label--md {
 .d-rich-text-editor > .ProseMirror blockquote {
   margin-left: 0;
   padding-left: var(--dt-space-400);
-  border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);
+  border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
+}
+.d-rich-text-editor-bubble-menu__button-stack {
+  padding: var(--dt-space-300);
 }
 .d-suggestion-list__container {
   max-height: var(--dt-size-875);
@@ -9174,6 +9186,7 @@ ul {
 .d-recipe-message-input {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
   line-height: var(--dt-font-line-height-400);
   border: var(--dt-size-border-100) solid;
   border-color: var(--dt-color-border-default);
@@ -9187,9 +9200,19 @@ ul {
   border-color: var(--dt-color-border-bold);
   box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
 }
+.d-recipe-message-input__button-stack {
+  padding: var(--dt-space-400);
+  background-color: var(--dt-color-surface-secondary);
+}
+.d-recipe-message-input__button-stack-icon {
+  font-weight: var(--dt-font-weight-bold);
+}
 .d-recipe-message-input__editor-wrapper {
   padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
 }
+.d-recipe-message-input__link-popover {
+  width: 36rem;
+}
 .d-recipe-message-input__remaining-char {
   margin-right: var(--dt-space-300);
   color: var(--dt-color-foreground-critical);
@@ -9254,6 +9277,27 @@ ul {
   display: flex;
   align-items: center;
 }
+.d-recipe-message-input--button-group-divider {
+  width: var(--dt-size-100);
+  height: calc(var(--dt-size-550) + var(--dt-size-300));
+  margin-right: var(--dt-space-300);
+  margin-left: var(--dt-space-300);
+  background: var(--dt-color-border-subtle);
+}
+.d-recipe-message-input__link-dialog-title {
+  font: var(--dt-typography-headline-md-compact);
+}
+.d-recipe-message-input__link-dialog-buttons {
+  justify-content: space-between;
+}
+.d-recipe-message-input__link-input {
+  margin-top: var(--dt-space-350);
+  padding-top: var(--dt-space-200);
+  padding-bottom: var(--dt-space-200);
+  background-color: var(--dt-color-surface-secondary);
+  border: var(--dt-space-100) solid;
+  border-color: var(--dt-color-border-default);
+}
 .d-recipe-settings-menu-button {
   width: var(--dt-size-550);
   height: var(--dt-size-600);