@dialpad/dialtone 9.133.0 → 9.134.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 (55) hide show
  1. package/dist/css/dialtone-default-theme.css +32 -6
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +32 -6
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens-docs.json +1 -1
  6. package/dist/tokens/doc.json +54092 -54092
  7. package/dist/vue2/common/emoji/index.cjs +1 -1
  8. package/dist/vue2/common/emoji/index.cjs.map +1 -1
  9. package/dist/vue2/common/emoji/index.js +46 -39
  10. package/dist/vue2/common/emoji/index.js.map +1 -1
  11. package/dist/vue2/dialtone-vue.cjs +1 -1
  12. package/dist/vue2/dialtone-vue.js +360 -359
  13. package/dist/vue2/lib/emoji-row/emoji-row.cjs +1 -1
  14. package/dist/vue2/lib/emoji-row/emoji-row.cjs.map +1 -1
  15. package/dist/vue2/lib/emoji-row/emoji-row.js +31 -31
  16. package/dist/vue2/lib/emoji-row/emoji-row.js.map +1 -1
  17. package/dist/vue2/localization/en-US.cjs +1 -1
  18. package/dist/vue2/localization/en-US.cjs.map +1 -1
  19. package/dist/vue2/localization/en-US.js +1 -1
  20. package/dist/vue2/localization/en-US.js.map +1 -1
  21. package/dist/vue2/types/common/emoji/index.d.ts +1 -0
  22. package/dist/vue2/types/common/emoji/index.d.ts.map +1 -1
  23. package/dist/vue2/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts.map +1 -1
  24. package/dist/vue3/common/emoji/index.cjs +1 -1
  25. package/dist/vue3/common/emoji/index.cjs.map +1 -1
  26. package/dist/vue3/common/emoji/index.js +46 -39
  27. package/dist/vue3/common/emoji/index.js.map +1 -1
  28. package/dist/vue3/dialtone-vue.cjs +1 -1
  29. package/dist/vue3/dialtone-vue.js +363 -362
  30. package/dist/vue3/lib/emoji-row/emoji-row.cjs +1 -1
  31. package/dist/vue3/lib/emoji-row/emoji-row.cjs.map +1 -1
  32. package/dist/vue3/lib/emoji-row/emoji-row.js +56 -47
  33. package/dist/vue3/lib/emoji-row/emoji-row.js.map +1 -1
  34. package/dist/vue3/lib/emoji-text-wrapper/emoji-text-wrapper.cjs +1 -1
  35. package/dist/vue3/lib/emoji-text-wrapper/emoji-text-wrapper.cjs.map +1 -1
  36. package/dist/vue3/lib/emoji-text-wrapper/emoji-text-wrapper.js +1 -0
  37. package/dist/vue3/lib/emoji-text-wrapper/emoji-text-wrapper.js.map +1 -1
  38. package/dist/vue3/lib/toast/toast.cjs +1 -1
  39. package/dist/vue3/lib/toast/toast.cjs.map +1 -1
  40. package/dist/vue3/lib/toast/toast.js +96 -88
  41. package/dist/vue3/lib/toast/toast.js.map +1 -1
  42. package/dist/vue3/localization/en-US.cjs +1 -1
  43. package/dist/vue3/localization/en-US.cjs.map +1 -1
  44. package/dist/vue3/localization/en-US.js +1 -1
  45. package/dist/vue3/localization/en-US.js.map +1 -1
  46. package/dist/vue3/types/common/emoji/index.d.ts +1 -0
  47. package/dist/vue3/types/common/emoji/index.d.ts.map +1 -1
  48. package/dist/vue3/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts.map +1 -1
  49. package/dist/vue3/types/components/toast/layouts/toast_layout_alternate.vue.d.ts +3 -0
  50. package/dist/vue3/types/components/toast/layouts/toast_layout_alternate.vue.d.ts.map +1 -1
  51. package/dist/vue3/types/components/toast/layouts/toast_layout_default.vue.d.ts +3 -0
  52. package/dist/vue3/types/components/toast/layouts/toast_layout_default.vue.d.ts.map +1 -1
  53. package/dist/vue3/types/components/toast/toast.vue.d.ts +6 -0
  54. package/dist/vue3/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts.map +1 -1
  55. package/package.json +1 -1
package/dist/css/dialtone-default-theme.css CHANGED
@@ -5264,11 +5264,11 @@ legend .d-label--md {
5264
5264
  -webkit-transform: translateY(-50%);
5265
5265
  transform: translateY(-50%);
5266
5266
  }
5267
- .d-emoji-text-wrapper .d-emoji {
5267
+ .d-emoji-text-wrapper > .d-emoji {
5268
5268
  height: 1em;
5269
5269
  }
5270
- .d-emoji-text-wrapper .d-emoji .d-icon {
5271
- top: calc(50% - 1px);
5270
+ .d-emoji-text-wrapper > .d-emoji img.d-icon {
5271
+ inset-block-start: calc(50% - 1px);
5272
5272
  }
5273
5273
  .d-emoji-picker {
5274
5274
  flex-direction: column;
@@ -8952,7 +8952,25 @@ ul {
8952
8952
  display: inline-block;
8953
8953
  }
8954
8954
  .d-recipe-emoji-row__tooltip-content {
8955
- max-width: var(--dt-size-975);
8955
+ max-inline-size: var(--dt-size-875);
8956
+ }
8957
+ .d-recipe-emoji-row__tooltip-emoji {
8958
+ display: inline-block;
8959
+ padding: var(--dt-space-300);
8960
+ background-color: var(--dt-color-neutral-white);
8961
+ border-radius: var(--dt-size-radius-300);
8962
+ margin-block: var(--dt-space-300) var(--dt-space-350);
8963
+ }
8964
+ .d-recipe-emoji-row__tooltip-emoji .d-emoji {
8965
+ height: var(--icon-size);
8966
+ }
8967
+ .d-recipe-emoji-row__tooltip-names {
8968
+ display: inline-block;
8969
+ font-weight: var(--dt-font-weight-semi-bold);
8970
+ }
8971
+ .d-recipe-emoji-row__tooltip-label {
8972
+ color: var(--dt-color-foreground-secondary-inverted);
8973
+ font-weight: var(--dt-font-weight-medium);
8956
8974
  }
8957
8975
  .d-recipe-emoji-row__reaction {
8958
8976
  --emoji-item-color-inset-shadow: transparent;
@@ -8970,7 +8988,7 @@ ul {
8970
8988
  padding: var(--dt-space-200) var(--dt-space-350);
8971
8989
  }
8972
8990
  .d-recipe-emoji-row__reaction:hover {
8973
- --emoji-item-color-inset-shadow: var(--dt-color-border-subtle);
8991
+ --emoji-item-color-inset-shadow: var(--dt-color-border-moderate);
8974
8992
  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-hover);
8975
8993
  }
8976
8994
  .d-recipe-emoji-row__reaction:active {
@@ -9002,8 +9020,16 @@ ul {
9002
9020
  line-height: var(--dt-font-line-height-100);
9003
9021
  }
9004
9022
  .d-recipe-emoji-row__emoji {
9023
+ --emoji-size: calc(var(--dt-icon-size-200) + 0.2rem);
9005
9024
  display: inline-flex;
9006
- margin-right: var(--dt-space-300);
9025
+ -webkit-margin-end: var(--dt-space-300);
9026
+ margin-inline-end: var(--dt-space-300);
9027
+ inline-size: var(--emoji-size);
9028
+ block-size: var(--emoji-size);
9029
+ }
9030
+ .d-recipe-emoji-row__emoji-img {
9031
+ inline-size: var(--emoji-size);
9032
+ block-size: var(--emoji-size);
9007
9033
  }
9008
9034
  .d-recipe-feed-item-pill--toggleable {
9009
9035
  cursor: pointer;