@dialpad/dialtone 9.147.0 → 9.148.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 (36) hide show
  1. package/dist/css/dialtone-default-theme.css +22 -5
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +22 -5
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/tokens/doc.json +56270 -56270
  6. package/dist/vue2/component-documentation.json +1 -1
  7. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs +1 -1
  8. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs.map +1 -1
  9. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut-constants.js +2 -1
  10. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut-constants.js.map +1 -1
  11. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut.cjs +1 -1
  12. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut.cjs.map +1 -1
  13. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut.js +65 -33
  14. package/dist/vue2/lib/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  15. package/dist/vue2/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +2 -0
  16. package/dist/vue2/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts.map +1 -1
  17. package/dist/vue2/types/components/keyboard_shortcut/keyboard_shortcut_constants.d.ts.map +1 -1
  18. package/dist/vue3/component-documentation.json +1 -1
  19. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs +1 -1
  20. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs.map +1 -1
  21. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut-constants.js +2 -1
  22. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut-constants.js.map +1 -1
  23. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut.cjs +1 -1
  24. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut.cjs.map +1 -1
  25. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut.js +69 -40
  26. package/dist/vue3/lib/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  27. package/dist/vue3/lib/select-menu/select-menu.cjs +1 -1
  28. package/dist/vue3/lib/select-menu/select-menu.cjs.map +1 -1
  29. package/dist/vue3/lib/select-menu/select-menu.js +19 -11
  30. package/dist/vue3/lib/select-menu/select-menu.js.map +1 -1
  31. package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +2 -0
  32. package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts.map +1 -1
  33. package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut_constants.d.ts.map +1 -1
  34. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts +9 -0
  35. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts.map +1 -1
  36. package/package.json +2 -2
@@ -1138,6 +1138,7 @@ template {
1138
1138
  font-weight: var(--dt-font-weight-bold);
1139
1139
  font-size: calc(var(--dt-font-size-100) - var(--dt-size-200));
1140
1140
  line-height: var(--dt-font-line-height-100);
1141
+ white-space: nowrap;
1141
1142
  text-align: center;
1142
1143
  background-color: var(--dt-color-surface-strong);
1143
1144
  border-radius: var(--dt-size-radius-pill);
@@ -1293,6 +1294,7 @@ template {
1293
1294
  will-change: transform;
1294
1295
  }
1295
1296
  .d-avatar--group-digits-2 > .d-avatar__count {
1297
+ padding-inline: var(--dt-space-0);
1296
1298
  inline-size: calc(var(--dt-size-500) + var(--dt-size-200));
1297
1299
  }
1298
1300
  .d-avatar--group-digits-3 {
@@ -1308,6 +1310,7 @@ template {
1308
1310
  will-change: transform;
1309
1311
  }
1310
1312
  .d-avatar--group-digits-3 > .d-avatar__count {
1313
+ padding-inline: var(--dt-space-0);
1311
1314
  inline-size: calc(var(--dt-size-550) + var(--dt-size-200));
1312
1315
  }
1313
1316
  .d-badge {
@@ -3104,16 +3107,18 @@ legend .d-label--md {
3104
3107
  }
3105
3108
  .d-keyboard-shortcut {
3106
3109
  display: inline-flex;
3110
+ gap: var(--dt-space-200);
3107
3111
  align-items: center;
3108
3112
  justify-content: center;
3109
3113
  box-sizing: border-box;
3110
- padding-right: var(--dt-space-300);
3111
- padding-left: var(--dt-space-300);
3112
- font-size: var(--dt-font-size-100);
3113
- font-family: var(--dt-font-family-body);
3114
+ padding-inline: var(--dt-space-350);
3115
+ font: var(--dt-typography-body-sm);
3116
+ line-height: var(--dt-font-line-height-400);
3117
+ min-inline-size: 1lh;
3114
3118
  border: var(--dt-size-100) solid;
3115
3119
  border-color: var(--dt-color-border-default);
3116
3120
  border-radius: var(--dt-size-radius-300);
3121
+ font-variant-numeric: tabular-nums;
3117
3122
  /* Hiding class, making content visible only to screen readers but not visually */
3118
3123
  /* "sr" meaning "screen-reader" */
3119
3124
  /* https://css-tricks.com/inclusively-hidden/ */
@@ -3132,9 +3137,21 @@ legend .d-label--md {
3132
3137
  }
3133
3138
  .d-keyboard-shortcut__icon,
3134
3139
  .d-keyboard-shortcut__item {
3135
- margin-right: var(--dt-space-200);
3140
+ min-height: 1lh;
3136
3141
  color: var(--dt-color-foreground-tertiary);
3137
3142
  }
3143
+ .d-keyboard-shortcut__icon.d-icon--plus,
3144
+ .d-keyboard-shortcut__item.d-icon--plus {
3145
+ color: var(--dt-color-foreground-muted);
3146
+ }
3147
+ .d-keyboard-shortcut__icon.d-icon--plus,
3148
+ .d-keyboard-shortcut__item.d-icon--plus {
3149
+ color: var(--dt-color-foreground-muted);
3150
+ }
3151
+ .d-keyboard-shortcut--inverted .d-keyboard-shortcut__icon.d-icon--plus,
3152
+ .d-keyboard-shortcut--inverted .d-keyboard-shortcut__item.d-icon--plus {
3153
+ color: var(--dt-color-foreground-muted-inverted);
3154
+ }
3138
3155
  .d-keyboard-shortcut__icon--inverted,
3139
3156
  .d-keyboard-shortcut__item--inverted {
3140
3157
  color: var(--dt-color-foreground-secondary-inverted);