@dialpad/dialtone-css 8.46.3 → 8.46.5

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 (31) hide show
  1. package/lib/build/less/components/avatar.less +2 -2
  2. package/lib/build/less/components/presence.less +2 -2
  3. package/lib/build/less/recipes/attachment_carousel.less +106 -106
  4. package/lib/build/less/recipes/callbar_button.less +21 -9
  5. package/lib/build/less/recipes/callbar_button_with_popover.less +14 -7
  6. package/lib/build/less/recipes/callbox.less +17 -17
  7. package/lib/build/less/recipes/combobox_multi_select.less +13 -9
  8. package/lib/build/less/recipes/contact_info.less +11 -3
  9. package/lib/build/less/recipes/editor.less +43 -2
  10. package/lib/build/less/recipes/emoji_row.less +11 -7
  11. package/lib/build/less/recipes/feed_item_pill.less +20 -16
  12. package/lib/build/less/recipes/feed_item_row.less +17 -17
  13. package/lib/build/less/recipes/grouped_chip.less +8 -5
  14. package/lib/build/less/recipes/ivr_node.less +93 -15
  15. package/lib/build/less/recipes/leftbar_row.less +103 -51
  16. package/lib/build/less/recipes/message_input.less +21 -16
  17. package/lib/build/less/recipes/settings_menu_button.less +2 -3
  18. package/lib/build/less/recipes/time_pill.less +2 -2
  19. package/lib/build/less/recipes/top_banner_info.less +26 -6
  20. package/lib/build/less/recipes/unread_pill.less +3 -3
  21. package/lib/dist/dialtone-default-theme.css +431 -267
  22. package/lib/dist/dialtone-default-theme.min.css +1 -1
  23. package/lib/dist/dialtone.css +431 -267
  24. package/lib/dist/dialtone.min.css +1 -1
  25. package/lib/dist/tokens/tokens-base-deca-dark.css +1325 -0
  26. package/lib/dist/tokens/tokens-base-deca-light.css +1085 -0
  27. package/lib/dist/tokens/tokens-deca-dark.css +2131 -0
  28. package/lib/dist/tokens/tokens-deca-light.css +2131 -0
  29. package/lib/dist/tokens/tokens-tmo-dark.css +62 -17
  30. package/lib/dist/tokens/tokens-tmo-light.css +45 -0
  31. package/package.json +3 -3
package/lib/build/less/recipes/message_input.less CHANGED
@@ -1,4 +1,4 @@
1
- .dt-recipe-message-input {
1
+ .d-recipe-message-input {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  line-height: var(--dt-font-line-height-400);
@@ -16,59 +16,59 @@
16
16
  }
17
17
  }
18
18
 
19
- .dt-recipe-message-input__editor-wrapper {
19
+ .d-recipe-message-input__editor-wrapper {
20
20
  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
21
21
  }
22
22
 
23
- .dt-recipe-message-input__remaining-char {
23
+ .d-recipe-message-input__remaining-char {
24
24
  margin-right: var(--dt-space-300);
25
25
  color: var(--dt-color-foreground-critical);
26
26
  font-size: var(--dt-font-size-100);
27
27
  }
28
28
 
29
- .dt-recipe-message-input__remaining-char__tooltip {
29
+ .d-recipe-message-input__remaining-char-tooltip {
30
30
  margin-top: auto;
31
31
  margin-bottom: auto;
32
32
  }
33
33
 
34
- .dt-recipe-message-input__button {
34
+ .d-recipe-message-input__button {
35
35
  max-width: 2.8rem;
36
36
  max-height: 2.8rem;
37
37
  border-radius: var(--dt-size-radius-300);
38
38
  }
39
39
 
40
- .dt-recipe-message-input__send-button.dt-recipe-message-input__button:not(.d-btn--icon-only),
41
- .dt-recipe-message-input__cancel-button {
40
+ .d-recipe-message-input__send-button.d-recipe-message-input__button:not(.d-btn--icon-only),
41
+ .d-recipe-message-input__cancel-button {
42
42
  max-width: unset;
43
43
  padding: var(--dt-space-350);
44
44
  }
45
45
 
46
- .dt-recipe-message-input__send-button--disabled {
46
+ .d-recipe-message-input__send-button--disabled {
47
47
  color: var(--dt-color-foreground-muted);
48
48
  background-color: unset;
49
49
  cursor: default;
50
50
  }
51
51
 
52
- .dt-recipe-message-input__bottom-section {
52
+ .d-recipe-message-input__bottom-section {
53
53
  display: flex;
54
54
  justify-content: space-between;
55
55
  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
56
56
  }
57
57
 
58
- .dt-recipe-message-input__bottom-section-left,
59
- .dt-recipe-message-input__bottom-section-right {
58
+ .d-recipe-message-input__bottom-section-left,
59
+ .d-recipe-message-input__bottom-section-right {
60
60
  display: flex;
61
61
  }
62
62
 
63
- .dt-recipe-message-input__image-input {
63
+ .d-recipe-message-input__image-input {
64
64
  position: absolute;
65
65
  }
66
66
 
67
- .dt-recipe-message-input-meeting-pill {
67
+ .d-recipe-message-input-meeting-pill {
68
68
  display: inline-block;
69
69
  }
70
70
 
71
- .dt-recipe-message-input-meeting-pill__layout {
71
+ .d-recipe-message-input-meeting-pill__layout {
72
72
  grid-template-areas: 'left content right';
73
73
  grid-template-columns: minmax(0, max-content) 1fr minmax(0, max-content);
74
74
  gap: var(--dt-space-400);
@@ -80,13 +80,18 @@
80
80
  border-radius: var(--dt-size-radius-300);
81
81
  }
82
82
 
83
- .dt-recipe-message-input-meeting-pill__icon {
83
+ .d-recipe-message-input-meeting-pill__icon {
84
84
  display: flex;
85
85
  align-items: center;
86
86
  padding: var(--dt-space-350);
87
87
  }
88
88
 
89
- .dt-recipe-message-input-meeting-pill__close {
89
+ .d-recipe-message-input-meeting-pill__close {
90
90
  display: flex;
91
91
  justify-content: flex-end;
92
92
  }
93
+
94
+ .d-recipe-message-input__sms-count {
95
+ display: flex;
96
+ align-items: center;
97
+ }
package/lib/build/less/recipes/settings_menu_button.less CHANGED
@@ -1,4 +1,4 @@
1
- .dt-recipe-settings-menu-button {
1
+ .d-recipe-settings-menu-button {
2
2
  width: var(--dt-size-550);
3
3
  height: var(--dt-size-600);
4
4
  padding: var(--dt-space-0);
@@ -16,7 +16,7 @@
16
16
  }
17
17
  }
18
18
 
19
- .dt-recipe-settings-menu-button-update {
19
+ .d-recipe-settings-menu-button-update {
20
20
  height: var(--dt-size-600);
21
21
  color: var(--dt-color-blue-500);
22
22
  background-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
@@ -28,4 +28,3 @@
28
28
  background-color: hsla(var(--dt-color-blue-200-hsl) / 0.5);
29
29
  }
30
30
  }
31
-
package/lib/build/less/recipes/time_pill.less CHANGED
@@ -1,4 +1,4 @@
1
- .dt-recipe-time-pill {
1
+ .d-recipe-time-pill {
2
2
  padding: var(--dt-space-300) var(--dt-space-500);
3
3
  color: var(--dt-color-foreground-primary);
4
4
  font-size: var(--dt-font-size-100);
@@ -6,4 +6,4 @@
6
6
  background-color: var(--dt-color-surface-primary);
7
7
  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
8
8
  border-radius: var(--dt-size-radius-pill);
9
- }
9
+ }
package/lib/build/less/recipes/top_banner_info.less CHANGED
@@ -1,4 +1,4 @@
1
- .dt-recipe-top-banner-info {
1
+ .d-recipe-top-banner-info {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  justify-content: space-between;
@@ -6,12 +6,12 @@
6
6
  font-size: var(--dt-font-size-100);
7
7
  }
8
8
 
9
- .dt-recipe-top-banner-info__left {
10
- min-width: 20%;
9
+ .d-recipe-top-banner-info__left {
10
+ min-width: var(--dt-size-20-percent);
11
11
  margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);
12
12
  }
13
13
 
14
- .dt-recipe-top-banner-info__middle {
14
+ .d-recipe-top-banner-info__middle {
15
15
  display: flex;
16
16
  gap: var(--dt-size-300);
17
17
  align-items: center;
@@ -19,12 +19,32 @@
19
19
  margin-bottom: var(--dt-space-300);
20
20
  }
21
21
 
22
- .dt-recipe-top-banner-info__right {
22
+ .d-recipe-top-banner-info__right {
23
23
  display: flex;
24
24
  gap: var(--dt-size-300);
25
25
  align-items: baseline;
26
26
  justify-content: flex-end;
27
- min-width: 20%;
27
+ min-width: var(--dt-size-20-percent);
28
28
  margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;
29
29
  text-align: right;
30
30
  }
31
+
32
+ .d-recipe-top-banner-info--success {
33
+ background-color: var(--dt-color-surface-success);
34
+ }
35
+
36
+ .d-recipe-top-banner-info--critical {
37
+ background-color: var(--dt-color-surface-critical);
38
+ }
39
+
40
+ .d-recipe-top-banner-info--warning {
41
+ background-color: var(--dt-color-surface-warning);
42
+ }
43
+
44
+ .d-recipe-top-banner-info--info {
45
+ background-color: var(--dt-color-surface-info);
46
+ }
47
+
48
+ .d-recipe-top-banner-info--primary {
49
+ background-color: var(--dt-color-surface-primary);
50
+ }
package/lib/build/less/recipes/unread_pill.less CHANGED
@@ -1,4 +1,4 @@
1
- .dt-recipe-leftbar-unread-pill {
1
+ .d-recipe-leftbar-unread-pill {
2
2
  display: flex;
3
3
  gap: var(--dt-space-300);
4
4
  align-items: center;
@@ -12,13 +12,13 @@
12
12
  cursor: pointer;
13
13
  }
14
14
 
15
- .dt-recipe-leftbar-unread-pill-mentions {
15
+ .d-recipe-leftbar-unread-pill-mentions {
16
16
  color: var(--dt-theme-mention-color-foreground);
17
17
  font-weight: var(--dt-font-weight-bold);
18
18
  background-color: var(--dt-theme-mention-color-background);
19
19
  }
20
20
 
21
- .dt-recipe-leftbar-unread-pill-messages {
21
+ .d-recipe-leftbar-unread-pill-messages {
22
22
  color: var(--dt-color-foreground-secondary-inverted);
23
23
  background-color: var(--dt-color-surface-contrast);
24
24
  }