@dialpad/dialtone-css 8.81.0-next.15 → 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.
@@ -6597,7 +6597,7 @@ template {
6597
6597
  font-variant-numeric: tabular-nums;
6598
6598
  min-inline-size: 1lh;
6599
6599
  border: var(--dt-size-border-100) solid;
6600
- border-color: var(--dt-color-border-default);
6600
+ border-color: var(--dt-color-border-subtle);
6601
6601
  border-radius: var(--dt-size-radius-300);
6602
6602
  /* Hiding class, making content visible only to screen readers but not visually */
6603
6603
  /* "sr" meaning "screen-reader" */
@@ -8433,6 +8433,10 @@ legend .d-label {
8433
8433
  margin-inline: var(--dt-spacing-100) 0;
8434
8434
  margin-block: 0;
8435
8435
  }
8436
+ .d-breadcrumbs__item:first-child {
8437
+ -webkit-margin-start: 0;
8438
+ margin-inline-start: 0;
8439
+ }
8436
8440
  .d-breadcrumbs__item:not(:last-of-type) {
8437
8441
  -webkit-margin-end: var(--dt-spacing-150);
8438
8442
  margin-inline-end: var(--dt-spacing-150);
@@ -9708,18 +9712,26 @@ legend .d-label {
9708
9712
  background-color: var(--d-resizable-handle-color-surface);
9709
9713
  box-shadow: none;
9710
9714
  }
9715
+ .d-rich-text-editor {
9716
+ font: var(--dt-typography-body-md-compact);
9717
+ }
9711
9718
  .d-rich-text-editor__code-block {
9712
- padding: var(--dt-spacing-100);
9719
+ padding: var(--dt-spacing-100) var(--dt-spacing-150);
9720
+ color: var(--dt-color-foreground-secondary);
9713
9721
  font: var(--dt-typography-code-md);
9714
- background: var(--dt-color-surface-secondary);
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);
9715
9726
  }
9716
9727
  .d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
9717
9728
  padding: var(--dt-spacing-25);
9718
- color: var(--dt-color-foreground-warning);
9729
+ color: var(--dt-color-foreground-warning-strong);
9719
9730
  font: var(--dt-typography-code-md);
9731
+ font-size: var(--dt-font-size-125);
9720
9732
  background-color: var(--dt-color-surface-secondary-opaque);
9721
9733
  border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
9722
- border-radius: var(--dt-size-radius-200);
9734
+ border-radius: var(--dt-size-radius-300);
9723
9735
  }
9724
9736
  .d-rich-text-editor > .ProseMirror {
9725
9737
  box-shadow: none;
@@ -9737,35 +9749,40 @@ legend .d-label {
9737
9749
  content: attr(data-placeholder);
9738
9750
  pointer-events: none;
9739
9751
  }
9740
- .d-rich-text-editor > .ProseMirror ul,
9741
- .d-rich-text-editor > .ProseMirror ol {
9752
+ .d-rich-text-editor > .ProseMirror :where(ul, ol) {
9742
9753
  -webkit-padding-start: var(--dt-spacing-250);
9743
9754
  padding-inline-start: var(--dt-spacing-250);
9744
9755
  }
9745
- .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 {
9746
9759
  list-style-type: disc;
9747
9760
  }
9748
- .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 {
9749
9764
  list-style-type: circle;
9750
9765
  }
9751
- .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 {
9752
9769
  list-style-type: square;
9753
9770
  }
9754
- .d-rich-text-editor > .ProseMirror ul ul ul ul > li {
9755
- list-style-type: disc;
9756
- }
9757
- .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 {
9758
9774
  list-style-type: decimal;
9759
9775
  }
9760
- .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 {
9761
9779
  list-style-type: lower-alpha;
9762
9780
  }
9763
- .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 {
9764
9784
  list-style-type: lower-roman;
9765
9785
  }
9766
- .d-rich-text-editor > .ProseMirror ol ol ol ol > li {
9767
- list-style-type: decimal;
9768
- }
9769
9786
  .d-rich-text-editor > .ProseMirror blockquote {
9770
9787
  -webkit-margin-start: 0;
9771
9788
  margin-inline-start: 0;
@@ -9773,6 +9790,7 @@ legend .d-label {
9773
9790
  padding-inline-start: var(--dt-spacing-100);
9774
9791
  -webkit-border-start: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
9775
9792
  border-inline-start: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
9793
+ color: var(--dt-color-foreground-secondary);
9776
9794
  }
9777
9795
  .d-rich-text-editor > .ProseMirror table {
9778
9796
  border-collapse: collapse;