@dialpad/dialtone-css 8.81.0-next.16 → 8.81.0-next.17
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/rich-text-editor.less +31 -19
- package/lib/dist/dialtone-default-theme.css +32 -18
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +32 -18
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/no-layers/dialtone-default-theme.css +32 -18
- package/lib/dist/no-layers/dialtone-default-theme.min.css +1 -1
- package/lib/dist/no-layers/dialtone.css +32 -18
- package/lib/dist/no-layers/dialtone.min.css +1 -1
- package/package.json +3 -3
|
@@ -9712,18 +9712,26 @@ legend .d-label {
|
|
|
9712
9712
|
background-color: var(--d-resizable-handle-color-surface);
|
|
9713
9713
|
box-shadow: none;
|
|
9714
9714
|
}
|
|
9715
|
+
.d-rich-text-editor {
|
|
9716
|
+
font: var(--dt-typography-body-md-compact);
|
|
9717
|
+
}
|
|
9715
9718
|
.d-rich-text-editor__code-block {
|
|
9716
|
-
padding: var(--dt-spacing-100);
|
|
9719
|
+
padding: var(--dt-spacing-100) var(--dt-spacing-150);
|
|
9720
|
+
color: var(--dt-color-foreground-secondary);
|
|
9717
9721
|
font: var(--dt-typography-code-md);
|
|
9718
|
-
|
|
9722
|
+
font-size: var(--dt-font-size-125);
|
|
9723
|
+
line-height: var(--dt-font-line-height-400);
|
|
9724
|
+
background-color: var(--dt-color-surface-secondary-opaque);
|
|
9725
|
+
border-radius: var(--dt-size-radius-300);
|
|
9719
9726
|
}
|
|
9720
9727
|
.d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
|
|
9721
9728
|
padding: var(--dt-spacing-25);
|
|
9722
|
-
color: var(--dt-color-foreground-warning);
|
|
9729
|
+
color: var(--dt-color-foreground-warning-strong);
|
|
9723
9730
|
font: var(--dt-typography-code-md);
|
|
9731
|
+
font-size: var(--dt-font-size-125);
|
|
9724
9732
|
background-color: var(--dt-color-surface-secondary-opaque);
|
|
9725
9733
|
border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
|
|
9726
|
-
border-radius: var(--dt-size-radius-
|
|
9734
|
+
border-radius: var(--dt-size-radius-300);
|
|
9727
9735
|
}
|
|
9728
9736
|
.d-rich-text-editor > .ProseMirror {
|
|
9729
9737
|
box-shadow: none;
|
|
@@ -9741,35 +9749,40 @@ legend .d-label {
|
|
|
9741
9749
|
content: attr(data-placeholder);
|
|
9742
9750
|
pointer-events: none;
|
|
9743
9751
|
}
|
|
9744
|
-
.d-rich-text-editor > .ProseMirror ul,
|
|
9745
|
-
.d-rich-text-editor > .ProseMirror ol {
|
|
9752
|
+
.d-rich-text-editor > .ProseMirror :where(ul, ol) {
|
|
9746
9753
|
-webkit-padding-start: var(--dt-spacing-250);
|
|
9747
9754
|
padding-inline-start: var(--dt-spacing-250);
|
|
9748
9755
|
}
|
|
9749
|
-
.d-rich-text-editor > .ProseMirror ul > li
|
|
9756
|
+
.d-rich-text-editor > .ProseMirror ul > li,
|
|
9757
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul > li,
|
|
9758
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul ul ul ul > li {
|
|
9750
9759
|
list-style-type: disc;
|
|
9751
9760
|
}
|
|
9752
|
-
.d-rich-text-editor > .ProseMirror ul ul > li
|
|
9761
|
+
.d-rich-text-editor > .ProseMirror ul ul > li,
|
|
9762
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul ul > li,
|
|
9763
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul ul ul ul ul > li {
|
|
9753
9764
|
list-style-type: circle;
|
|
9754
9765
|
}
|
|
9755
|
-
.d-rich-text-editor > .ProseMirror ul ul ul > li
|
|
9766
|
+
.d-rich-text-editor > .ProseMirror ul ul ul > li,
|
|
9767
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul ul ul > li,
|
|
9768
|
+
.d-rich-text-editor > .ProseMirror ul ul ul ul ul ul ul ul ul > li {
|
|
9756
9769
|
list-style-type: square;
|
|
9757
9770
|
}
|
|
9758
|
-
.d-rich-text-editor > .ProseMirror
|
|
9759
|
-
|
|
9760
|
-
|
|
9761
|
-
.d-rich-text-editor > .ProseMirror ol > li {
|
|
9771
|
+
.d-rich-text-editor > .ProseMirror ol > li,
|
|
9772
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol > li,
|
|
9773
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol ol ol ol > li {
|
|
9762
9774
|
list-style-type: decimal;
|
|
9763
9775
|
}
|
|
9764
|
-
.d-rich-text-editor > .ProseMirror ol ol > li
|
|
9776
|
+
.d-rich-text-editor > .ProseMirror ol ol > li,
|
|
9777
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol ol > li,
|
|
9778
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol ol ol ol ol > li {
|
|
9765
9779
|
list-style-type: lower-alpha;
|
|
9766
9780
|
}
|
|
9767
|
-
.d-rich-text-editor > .ProseMirror ol ol ol > li
|
|
9781
|
+
.d-rich-text-editor > .ProseMirror ol ol ol > li,
|
|
9782
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol ol ol > li,
|
|
9783
|
+
.d-rich-text-editor > .ProseMirror ol ol ol ol ol ol ol ol ol > li {
|
|
9768
9784
|
list-style-type: lower-roman;
|
|
9769
9785
|
}
|
|
9770
|
-
.d-rich-text-editor > .ProseMirror ol ol ol ol > li {
|
|
9771
|
-
list-style-type: decimal;
|
|
9772
|
-
}
|
|
9773
9786
|
.d-rich-text-editor > .ProseMirror blockquote {
|
|
9774
9787
|
-webkit-margin-start: 0;
|
|
9775
9788
|
margin-inline-start: 0;
|
|
@@ -9777,6 +9790,7 @@ legend .d-label {
|
|
|
9777
9790
|
padding-inline-start: var(--dt-spacing-100);
|
|
9778
9791
|
-webkit-border-start: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
|
|
9779
9792
|
border-inline-start: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
|
|
9793
|
+
color: var(--dt-color-foreground-secondary);
|
|
9780
9794
|
}
|
|
9781
9795
|
.d-rich-text-editor > .ProseMirror table {
|
|
9782
9796
|
border-collapse: collapse;
|