@dialpad/dialtone 9.172.0 → 9.174.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.
Files changed (25) hide show
  1. package/README.md +8 -8
  2. package/dist/css/dialtone-default-theme.css +14 -8
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone.css +14 -8
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/tokens/doc.json +101425 -101425
  7. package/dist/vue3/lib/loader/loader.cjs +10 -2
  8. package/dist/vue3/lib/loader/loader.cjs.map +1 -1
  9. package/dist/vue3/lib/loader/loader.js +34 -16
  10. package/dist/vue3/lib/loader/loader.js.map +1 -1
  11. package/dist/vue3/lib/message-input/message-input.cjs +1 -1
  12. package/dist/vue3/lib/message-input/message-input.cjs.map +1 -1
  13. package/dist/vue3/lib/message-input/message-input.js +2 -1
  14. package/dist/vue3/lib/message-input/message-input.js.map +1 -1
  15. package/dist/vue3/lib/rich-text-editor/rich-text-editor.cjs +4 -4
  16. package/dist/vue3/lib/rich-text-editor/rich-text-editor.cjs.map +1 -1
  17. package/dist/vue3/lib/rich-text-editor/rich-text-editor.js +675 -564
  18. package/dist/vue3/lib/rich-text-editor/rich-text-editor.js.map +1 -1
  19. package/dist/vue3/types/components/loader/loader.vue.d.ts.map +1 -1
  20. package/dist/vue3/types/components/rich_text_editor/extensions/div/div.d.ts.map +1 -1
  21. package/dist/vue3/types/components/rich_text_editor/extensions/table/table.d.ts +5 -0
  22. package/dist/vue3/types/components/rich_text_editor/extensions/table/table.d.ts.map +1 -0
  23. package/dist/vue3/types/components/rich_text_editor/extensions/text_style/text_style.d.ts +2 -0
  24. package/dist/vue3/types/components/rich_text_editor/extensions/text_style/text_style.d.ts.map +1 -0
  25. package/package.json +11 -1
@@ -3556,14 +3556,20 @@ legend .d-label--md {
3556
3556
  margin-top: var(--dt-space-200);
3557
3557
  }
3558
3558
  .d-loader {
3559
- display: inline-flex;
3559
+ display: inline-grid;
3560
3560
  }
3561
3561
  .d-loader__icon {
3562
+ grid-area: 1 / 1;
3563
+ opacity: var(--dt-opacity-1000);
3562
3564
  -webkit-animation: d-loading-circle 900ms infinite linear;
3563
3565
  animation: d-loading-circle 900ms infinite linear;
3564
3566
  -webkit-mask-image: conic-gradient(from 270deg, black 0deg, black 105deg, transparent 170deg, transparent 180deg, black 234deg, black 360deg);
3565
3567
  mask-image: conic-gradient(from 270deg, black 0deg, black 105deg, transparent 170deg, transparent 180deg, black 234deg, black 360deg);
3566
3568
  }
3569
+ .d-loader__icon-track {
3570
+ grid-area: 1 / 1;
3571
+ opacity: var(--dt-opacity-200);
3572
+ }
3567
3573
  .d-modal {
3568
3574
  --modal-backdrop-color-background: var(--dt-color-surface-backdrop);
3569
3575
  --modal-dialog-padding: var(--dt-space-600);
@@ -4566,13 +4572,6 @@ legend .d-label--md {
4566
4572
  padding-left: var(--dt-space-400);
4567
4573
  border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
4568
4574
  }
4569
- .d-rich-text-editor > .ProseMirror table {
4570
- border-collapse: collapse;
4571
- }
4572
- .d-rich-text-editor > .ProseMirror td {
4573
- padding-left: var(--dt-space-200);
4574
- border: var(--dt-size-border-100) solid var(--dt-color-foreground-primary);
4575
- }
4576
4575
  .d-rich-text-editor-bubble-menu__button-stack {
4577
4576
  padding: var(--dt-space-300);
4578
4577
  }
@@ -10429,6 +10428,7 @@ ul {
10429
10428
  margin-bottom: auto;
10430
10429
  }
10431
10430
  .d-recipe-message-input__button {
10431
+ flex-shrink: 0;
10432
10432
  max-width: 2.8rem;
10433
10433
  max-height: 2.8rem;
10434
10434
  border-radius: var(--dt-size-radius-300);
@@ -10445,6 +10445,7 @@ ul {
10445
10445
  }
10446
10446
  .d-recipe-message-input__bottom-section {
10447
10447
  display: flex;
10448
+ flex-wrap: nowrap;
10448
10449
  justify-content: space-between;
10449
10450
  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
10450
10451
  }
@@ -10452,6 +10453,11 @@ ul {
10452
10453
  .d-recipe-message-input__bottom-section-right {
10453
10454
  display: flex;
10454
10455
  }
10456
+ .d-recipe-message-input__bottom-section-left,
10457
+ .d-recipe-message-input__bottom-section-left-stack {
10458
+ flex: 1 1 auto;
10459
+ min-width: var(--dt-size-0);
10460
+ }
10455
10461
  .d-recipe-message-input__image-input {
10456
10462
  position: absolute;
10457
10463
  }