@dialpad/dialtone 9.108.0 → 9.109.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.
- package/README.md +0 -1
- package/dist/css/dialtone-default-theme.css +23 -17
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone.css +23 -17
- package/dist/css/dialtone.min.css +1 -1
- package/dist/tokens/doc.json +17138 -17138
- package/dist/vue2/recipes/leftbar/callbox/callbox.vue.cjs +1 -1
- package/dist/vue2/recipes/leftbar/callbox/callbox.vue.cjs.map +1 -1
- package/dist/vue2/recipes/leftbar/callbox/callbox.vue.js +1 -1
- package/dist/vue2/recipes/leftbar/callbox/callbox.vue.js.map +1 -1
- package/dist/vue2/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
- package/dist/vue3/recipes/leftbar/callbox/callbox.vue.cjs +6 -2
- package/dist/vue3/recipes/leftbar/callbox/callbox.vue.cjs.map +1 -1
- package/dist/vue3/recipes/leftbar/callbox/callbox.vue.js +7 -3
- package/dist/vue3/recipes/leftbar/callbox/callbox.vue.js.map +1 -1
- package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
- package/package.json +6 -6
package/dist/css/dialtone.css
CHANGED
|
@@ -8281,19 +8281,23 @@ ul {
|
|
|
8281
8281
|
padding: 0;
|
|
8282
8282
|
color: var(--dt-color-foreground-primary);
|
|
8283
8283
|
background-color: var(--dt-color-surface-primary);
|
|
8284
|
-
border-radius: var(--dt-size-radius-
|
|
8284
|
+
border-radius: var(--dt-size-radius-400);
|
|
8285
8285
|
}
|
|
8286
8286
|
.d-recipe-callbox__video {
|
|
8287
8287
|
display: flex;
|
|
8288
|
-
margin-bottom: var(--dt-space-300-negative);
|
|
8289
8288
|
overflow: clip;
|
|
8290
|
-
border-radius: var(--dt-size-radius-
|
|
8289
|
+
border-radius: var(--dt-size-radius-400) var(--dt-size-radius-400) 0 0;
|
|
8291
8290
|
}
|
|
8292
8291
|
.d-recipe-callbox__main-content {
|
|
8293
8292
|
align-items: stretch;
|
|
8294
8293
|
padding: 0;
|
|
8295
8294
|
border: var(--dt-size-border-100) solid transparent;
|
|
8296
|
-
border-radius: var(--dt-size-radius-
|
|
8295
|
+
border-radius: var(--dt-size-radius-400);
|
|
8296
|
+
}
|
|
8297
|
+
.d-recipe-callbox__video + .d-recipe-callbox__main-content {
|
|
8298
|
+
border-start-start-radius: 0;
|
|
8299
|
+
border-start-end-radius: 0;
|
|
8300
|
+
border-block-start-width: 0;
|
|
8297
8301
|
}
|
|
8298
8302
|
.d-recipe-callbox__main-content.d-recipe-callbox__border-default {
|
|
8299
8303
|
border-color: var(--dt-color-border-default);
|
|
@@ -8302,24 +8306,29 @@ ul {
|
|
|
8302
8306
|
background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, linear-gradient(135deg, var(--dt-color-border-accent), var(--dt-color-border-brand)) border-box;
|
|
8303
8307
|
}
|
|
8304
8308
|
.d-recipe-callbox__main-content.d-recipe-callbox__border-critical {
|
|
8305
|
-
background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle,
|
|
8309
|
+
background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle, var(--dt-color-border-critical-strong), var(--dt-color-border-critical)) border-box;
|
|
8310
|
+
}
|
|
8311
|
+
.d-recipe-callbox__avatar {
|
|
8312
|
+
-webkit-margin-start: var(--dt-space-200);
|
|
8313
|
+
margin-inline-start: var(--dt-space-200);
|
|
8306
8314
|
}
|
|
8307
8315
|
.d-recipe-callbox__main-content-top {
|
|
8308
8316
|
display: flex;
|
|
8317
|
+
gap: var(--dt-space-350);
|
|
8309
8318
|
align-items: center;
|
|
8310
|
-
padding: var(--dt-space-350) var(--dt-space-400);
|
|
8319
|
+
padding: var(--dt-space-400) var(--dt-space-350) var(--dt-space-350) var(--dt-space-400);
|
|
8311
8320
|
}
|
|
8312
8321
|
.d-recipe-callbox__main-content-bottom {
|
|
8313
|
-
border-top:
|
|
8314
|
-
}
|
|
8315
|
-
.d-recipe-callbox__avatar {
|
|
8316
|
-
margin-right: var(--dt-space-400);
|
|
8322
|
+
border-top: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
|
|
8317
8323
|
}
|
|
8318
8324
|
.d-recipe-callbox__content {
|
|
8319
8325
|
display: flex;
|
|
8320
8326
|
flex: 1 0 auto;
|
|
8321
8327
|
flex-direction: column;
|
|
8328
|
+
gap: var(--dt-space-300);
|
|
8322
8329
|
min-width: 0;
|
|
8330
|
+
-webkit-padding-start: var(--dt-space-200);
|
|
8331
|
+
padding-inline-start: var(--dt-space-200);
|
|
8323
8332
|
}
|
|
8324
8333
|
.d-recipe-callbox__content-title {
|
|
8325
8334
|
width: 0;
|
|
@@ -8327,16 +8336,13 @@ ul {
|
|
|
8327
8336
|
padding: 0;
|
|
8328
8337
|
overflow: clip;
|
|
8329
8338
|
color: var(--dt-color-foreground-primary);
|
|
8330
|
-
font
|
|
8331
|
-
line-height:
|
|
8339
|
+
font: var(--dt-typography-headline-md);
|
|
8340
|
+
line-height: var(--dt-font-line-height-100);
|
|
8332
8341
|
white-space: nowrap;
|
|
8333
8342
|
text-align: left;
|
|
8334
8343
|
text-overflow: ellipsis;
|
|
8335
8344
|
background-color: var(--dt-color-surface-primary);
|
|
8336
8345
|
border: none;
|
|
8337
|
-
-webkit-user-select: text;
|
|
8338
|
-
-ms-user-select: text;
|
|
8339
|
-
user-select: text;
|
|
8340
8346
|
}
|
|
8341
8347
|
.d-recipe-callbox__content-badge {
|
|
8342
8348
|
line-height: normal;
|
|
@@ -8347,8 +8353,7 @@ ul {
|
|
|
8347
8353
|
padding: 0;
|
|
8348
8354
|
overflow: hidden;
|
|
8349
8355
|
color: var(--dt-color-foreground-tertiary);
|
|
8350
|
-
font
|
|
8351
|
-
line-height: normal;
|
|
8356
|
+
font: var(--dt-typography-body-sm-compact);
|
|
8352
8357
|
}
|
|
8353
8358
|
.d-recipe-callbox__right {
|
|
8354
8359
|
display: flex;
|
|
@@ -8367,6 +8372,7 @@ ul {
|
|
|
8367
8372
|
}
|
|
8368
8373
|
.d-recipe-callbox--clickable .d-recipe-callbox__content-title:hover,
|
|
8369
8374
|
.d-recipe-callbox--clickable .d-recipe-callbox__content-title:active {
|
|
8375
|
+
color: var(--dt-color-link-primary-hover);
|
|
8370
8376
|
text-decoration: underline;
|
|
8371
8377
|
}
|
|
8372
8378
|
.d-recipe-callbox__badge--warning {
|