@dialpad/dialtone-css 8.46.2 → 8.46.3
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/lib/build/less/components/avatar.less +2 -2
- package/lib/build/less/components/presence.less +2 -2
- package/lib/build/less/dialtone.less +20 -0
- package/lib/build/less/recipes/attachment_carousel.less +109 -0
- package/lib/build/less/recipes/callbar_button.less +47 -0
- package/lib/build/less/recipes/callbar_button_with_popover.less +55 -0
- package/lib/build/less/recipes/callbox.less +111 -0
- package/lib/build/less/recipes/combobox_multi_select.less +48 -0
- package/lib/build/less/recipes/contact_info.less +55 -0
- package/lib/build/less/recipes/editor.less +11 -0
- package/lib/build/less/recipes/emoji_row.less +73 -0
- package/lib/build/less/recipes/feed_item_pill.less +78 -0
- package/lib/build/less/recipes/feed_item_row.less +128 -0
- package/lib/build/less/recipes/grouped_chip.less +25 -0
- package/lib/build/less/recipes/ivr_node.less +56 -0
- package/lib/build/less/recipes/leftbar_row.less +389 -0
- package/lib/build/less/recipes/message_input.less +92 -0
- package/lib/build/less/recipes/settings_menu_button.less +31 -0
- package/lib/build/less/recipes/time_pill.less +9 -0
- package/lib/build/less/recipes/top_banner_info.less +30 -0
- package/lib/build/less/recipes/unread_pill.less +24 -0
- package/lib/dist/dialtone-default-theme.css +1157 -10
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +1151 -4
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-base-dark.css +6 -6
- package/lib/dist/tokens/tokens-base-light.css +6 -6
- package/lib/dist/tokens/tokens-debug-base.css +6 -6
- package/lib/dist/tokens/tokens-expressive-dark.css +6 -6
- package/lib/dist/tokens/tokens-expressive-light.css +6 -6
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +6 -6
- package/lib/dist/tokens/tokens-expressive-sm-light.css +6 -6
- package/package.json +2 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.dt-recipe-settings-menu-button {
|
|
2
|
+
width: var(--dt-size-550);
|
|
3
|
+
height: var(--dt-size-600);
|
|
4
|
+
padding: var(--dt-space-0);
|
|
5
|
+
color: var(--dt-theme-topbar-button-color-foreground);
|
|
6
|
+
background-color: var(--dt-theme-topbar-button-color-background);
|
|
7
|
+
border-radius: var(--dt-size-550);
|
|
8
|
+
|
|
9
|
+
&:hover {
|
|
10
|
+
color: var(--dt-theme-topbar-button-color-foreground-hover);
|
|
11
|
+
background-color: var(--dt-theme-topbar-button-color-background-hover);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:active {
|
|
15
|
+
background-color: var(--dt-theme-topbar-button-color-background-active);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dt-recipe-settings-menu-button-update {
|
|
20
|
+
height: var(--dt-size-600);
|
|
21
|
+
color: var(--dt-color-blue-500);
|
|
22
|
+
background-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
|
|
23
|
+
border-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
|
|
24
|
+
border-radius: var(--dt-size-radius-pill);
|
|
25
|
+
|
|
26
|
+
&:hover {
|
|
27
|
+
color: var(--dt-theme-topbar-button-color-foreground-hover);
|
|
28
|
+
background-color: hsla(var(--dt-color-blue-200-hsl) / 0.5);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.dt-recipe-time-pill {
|
|
2
|
+
padding: var(--dt-space-300) var(--dt-space-500);
|
|
3
|
+
color: var(--dt-color-foreground-primary);
|
|
4
|
+
font-size: var(--dt-font-size-100);
|
|
5
|
+
line-height: var(--dt-font-line-height-300);
|
|
6
|
+
background-color: var(--dt-color-surface-primary);
|
|
7
|
+
border: var(--dt-size-border-100) solid var(--dt-color-border-default);
|
|
8
|
+
border-radius: var(--dt-size-radius-pill);
|
|
9
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
.dt-recipe-top-banner-info {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: space-between;
|
|
5
|
+
color: var(--dt-color-foreground-primary);
|
|
6
|
+
font-size: var(--dt-font-size-100);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dt-recipe-top-banner-info__left {
|
|
10
|
+
min-width: 20%;
|
|
11
|
+
margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.dt-recipe-top-banner-info__middle {
|
|
15
|
+
display: flex;
|
|
16
|
+
gap: var(--dt-size-300);
|
|
17
|
+
align-items: center;
|
|
18
|
+
margin-top: var(--dt-space-300);
|
|
19
|
+
margin-bottom: var(--dt-space-300);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.dt-recipe-top-banner-info__right {
|
|
23
|
+
display: flex;
|
|
24
|
+
gap: var(--dt-size-300);
|
|
25
|
+
align-items: baseline;
|
|
26
|
+
justify-content: flex-end;
|
|
27
|
+
min-width: 20%;
|
|
28
|
+
margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;
|
|
29
|
+
text-align: right;
|
|
30
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.dt-recipe-leftbar-unread-pill {
|
|
2
|
+
display: flex;
|
|
3
|
+
gap: var(--dt-space-300);
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
padding: var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);
|
|
7
|
+
font-size: var(--dt-font-size-100);
|
|
8
|
+
line-height: var(--dt-font-line-height-600);
|
|
9
|
+
border: none;
|
|
10
|
+
border-radius: var(--dt-size-radius-pill);
|
|
11
|
+
box-shadow: var(--dt-shadow-medium);
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.dt-recipe-leftbar-unread-pill-mentions {
|
|
16
|
+
color: var(--dt-theme-mention-color-foreground);
|
|
17
|
+
font-weight: var(--dt-font-weight-bold);
|
|
18
|
+
background-color: var(--dt-theme-mention-color-background);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.dt-recipe-leftbar-unread-pill-messages {
|
|
22
|
+
color: var(--dt-color-foreground-secondary-inverted);
|
|
23
|
+
background-color: var(--dt-color-surface-contrast);
|
|
24
|
+
}
|