@dialpad/dialtone 9.135.1 → 9.135.2
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/dist/css/dialtone-default-theme.css +17 -11
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone.css +17 -11
- package/dist/css/dialtone.min.css +1 -1
- package/dist/css/tokens-docs.json +1 -1
- package/dist/tokens/doc.json +51905 -51905
- package/package.json +1 -1
|
@@ -5140,13 +5140,13 @@ legend .d-label--md {
|
|
|
5140
5140
|
align-items: center;
|
|
5141
5141
|
}
|
|
5142
5142
|
.d-presence {
|
|
5143
|
-
--presence-color-border-base: var(--dt-
|
|
5144
|
-
--presence-color-border-offline: var(--dt-color-
|
|
5145
|
-
--presence-color-background-active: var(--dt-
|
|
5146
|
-
--presence-color-background-busy: var(--dt-
|
|
5147
|
-
--presence-color-background-away: var(--dt-
|
|
5148
|
-
--presence-color-background-offline: var(--dt-
|
|
5149
|
-
--presence-border-size: var(--dt-size-200);
|
|
5143
|
+
--presence-color-border-base: var(--dt-color-surface-secondary);
|
|
5144
|
+
--presence-color-border-offline: var(--dt-presence-color-offline);
|
|
5145
|
+
--presence-color-background-active: var(--dt-presence-color-available);
|
|
5146
|
+
--presence-color-background-busy: var(--dt-presence-color-unavailable);
|
|
5147
|
+
--presence-color-background-away: var(--dt-presence-color-busy);
|
|
5148
|
+
--presence-color-background-offline: var(--dt-color-surface-primary);
|
|
5149
|
+
--presence-border-size: var(--dt-size-border-200);
|
|
5150
5150
|
--presence-size: var(--dt-size-400);
|
|
5151
5151
|
display: inline-block;
|
|
5152
5152
|
box-sizing: border-box;
|
|
@@ -5156,15 +5156,15 @@ legend .d-label--md {
|
|
|
5156
5156
|
border-radius: var(--dt-size-radius-circle);
|
|
5157
5157
|
}
|
|
5158
5158
|
.d-recipe-leftbar-row--selected .d-presence {
|
|
5159
|
-
--presence-color-border-base: var(--dt-
|
|
5159
|
+
--presence-color-border-base: var(--dt-color-surface-secondary);
|
|
5160
5160
|
}
|
|
5161
5161
|
.d-recipe-leftbar-row__primary:hover .d-presence {
|
|
5162
5162
|
--presence-color-border-base: var(--dt-shell-action-color-background-primary-hover);
|
|
5163
5163
|
}
|
|
5164
5164
|
.d-presence__inner {
|
|
5165
5165
|
box-sizing: border-box;
|
|
5166
|
-
|
|
5167
|
-
|
|
5166
|
+
inline-size: var(--presence-size);
|
|
5167
|
+
block-size: var(--presence-size);
|
|
5168
5168
|
border: none;
|
|
5169
5169
|
border-radius: 50%;
|
|
5170
5170
|
}
|
|
@@ -5181,7 +5181,7 @@ legend .d-label--md {
|
|
|
5181
5181
|
background-color: var(--presence-color-background-offline);
|
|
5182
5182
|
border-color: var(--presence-color-border-offline);
|
|
5183
5183
|
border-style: solid;
|
|
5184
|
-
border-width: var(--dt-size-200);
|
|
5184
|
+
border-width: var(--dt-size-border-200);
|
|
5185
5185
|
}
|
|
5186
5186
|
.d-icon {
|
|
5187
5187
|
--icon-size-100: var(--dt-icon-size-100);
|
|
@@ -9369,6 +9369,12 @@ ul {
|
|
|
9369
9369
|
transition-duration: var(--td200);
|
|
9370
9370
|
transition-property: background-color, border, box-shadow;
|
|
9371
9371
|
}
|
|
9372
|
+
.d-recipe-leftbar-row .d-presence {
|
|
9373
|
+
--presence-color-border-offline: var(--dt-shell-presence-color-offline);
|
|
9374
|
+
--presence-color-background-active: var(--dt-shell-presence-color-available);
|
|
9375
|
+
--presence-color-background-busy: var(--dt-shell-presence-color-unavailable);
|
|
9376
|
+
--presence-color-background-away: var(--dt-shell-presence-color-busy);
|
|
9377
|
+
}
|
|
9372
9378
|
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):hover,
|
|
9373
9379
|
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):focus-within {
|
|
9374
9380
|
--leftbar-row-unread-badge-display: none;
|