@dialpad/dialtone-css 8.48.0 → 8.49.0
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/lib/build/less/components/codeblock.less +1 -1
- package/lib/build/less/components/rich-text-editor.less +15 -1
- package/lib/build/less/recipes/message_input.less +39 -0
- package/lib/dist/dialtone-default-theme.css +45 -1
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +45 -1
- package/lib/dist/dialtone.min.css +1 -1
- package/package.json +3 -3
package/lib/dist/dialtone.css
CHANGED
|
@@ -3828,8 +3828,17 @@ legend .d-label--md {
|
|
|
3828
3828
|
}
|
|
3829
3829
|
.d-rich-text-editor__code-block {
|
|
3830
3830
|
padding: var(--dt-space-400);
|
|
3831
|
+
font: var(--dt-typography-code-md);
|
|
3831
3832
|
background: var(--dt-color-surface-secondary);
|
|
3832
3833
|
}
|
|
3834
|
+
.d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
|
|
3835
|
+
padding: var(--dt-space-200);
|
|
3836
|
+
color: var(--dt-color-foreground-warning);
|
|
3837
|
+
font: var(--dt-typography-code-md);
|
|
3838
|
+
background-color: var(--dt-color-surface-secondary-opaque);
|
|
3839
|
+
border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
|
|
3840
|
+
border-radius: var(--dt-size-radius-200);
|
|
3841
|
+
}
|
|
3833
3842
|
.d-rich-text-editor > .ProseMirror {
|
|
3834
3843
|
box-shadow: none;
|
|
3835
3844
|
}
|
|
@@ -3853,7 +3862,10 @@ legend .d-label--md {
|
|
|
3853
3862
|
.d-rich-text-editor > .ProseMirror blockquote {
|
|
3854
3863
|
margin-left: 0;
|
|
3855
3864
|
padding-left: var(--dt-space-400);
|
|
3856
|
-
border-left: var(--dt-size-border-300) solid var(--dt-color-
|
|
3865
|
+
border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
|
|
3866
|
+
}
|
|
3867
|
+
.d-rich-text-editor-bubble-menu__button-stack {
|
|
3868
|
+
padding: var(--dt-space-300);
|
|
3857
3869
|
}
|
|
3858
3870
|
.d-suggestion-list__container {
|
|
3859
3871
|
max-height: var(--dt-size-875);
|
|
@@ -9174,6 +9186,7 @@ ul {
|
|
|
9174
9186
|
.d-recipe-message-input {
|
|
9175
9187
|
display: flex;
|
|
9176
9188
|
flex-direction: column;
|
|
9189
|
+
overflow: hidden;
|
|
9177
9190
|
line-height: var(--dt-font-line-height-400);
|
|
9178
9191
|
border: var(--dt-size-border-100) solid;
|
|
9179
9192
|
border-color: var(--dt-color-border-default);
|
|
@@ -9187,9 +9200,19 @@ ul {
|
|
|
9187
9200
|
border-color: var(--dt-color-border-bold);
|
|
9188
9201
|
box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
|
|
9189
9202
|
}
|
|
9203
|
+
.d-recipe-message-input__button-stack {
|
|
9204
|
+
padding: var(--dt-space-400);
|
|
9205
|
+
background-color: var(--dt-color-surface-secondary);
|
|
9206
|
+
}
|
|
9207
|
+
.d-recipe-message-input__button-stack-icon {
|
|
9208
|
+
font-weight: var(--dt-font-weight-bold);
|
|
9209
|
+
}
|
|
9190
9210
|
.d-recipe-message-input__editor-wrapper {
|
|
9191
9211
|
padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
|
|
9192
9212
|
}
|
|
9213
|
+
.d-recipe-message-input__link-popover {
|
|
9214
|
+
width: 36rem;
|
|
9215
|
+
}
|
|
9193
9216
|
.d-recipe-message-input__remaining-char {
|
|
9194
9217
|
margin-right: var(--dt-space-300);
|
|
9195
9218
|
color: var(--dt-color-foreground-critical);
|
|
@@ -9254,6 +9277,27 @@ ul {
|
|
|
9254
9277
|
display: flex;
|
|
9255
9278
|
align-items: center;
|
|
9256
9279
|
}
|
|
9280
|
+
.d-recipe-message-input--button-group-divider {
|
|
9281
|
+
width: var(--dt-size-100);
|
|
9282
|
+
height: calc(var(--dt-size-550) + var(--dt-size-300));
|
|
9283
|
+
margin-right: var(--dt-space-300);
|
|
9284
|
+
margin-left: var(--dt-space-300);
|
|
9285
|
+
background: var(--dt-color-border-subtle);
|
|
9286
|
+
}
|
|
9287
|
+
.d-recipe-message-input__link-dialog-title {
|
|
9288
|
+
font: var(--dt-typography-headline-md-compact);
|
|
9289
|
+
}
|
|
9290
|
+
.d-recipe-message-input__link-dialog-buttons {
|
|
9291
|
+
justify-content: space-between;
|
|
9292
|
+
}
|
|
9293
|
+
.d-recipe-message-input__link-input {
|
|
9294
|
+
margin-top: var(--dt-space-350);
|
|
9295
|
+
padding-top: var(--dt-space-200);
|
|
9296
|
+
padding-bottom: var(--dt-space-200);
|
|
9297
|
+
background-color: var(--dt-color-surface-secondary);
|
|
9298
|
+
border: var(--dt-space-100) solid;
|
|
9299
|
+
border-color: var(--dt-color-border-default);
|
|
9300
|
+
}
|
|
9257
9301
|
.d-recipe-settings-menu-button {
|
|
9258
9302
|
width: var(--dt-size-550);
|
|
9259
9303
|
height: var(--dt-size-600);
|