@dialpad/dialtone 9.70.0 → 9.71.0-beta.1

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 (219) hide show
  1. package/dist/css/dialtone-default-theme.css +4 -4
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens/tokens-dp-dark.css +3 -3
  4. package/dist/css/tokens/tokens-dp-light.css +4 -4
  5. package/dist/css/tokens/tokens-expressive-dark.css +3 -3
  6. package/dist/css/tokens/tokens-expressive-light.css +4 -4
  7. package/dist/css/tokens/tokens-expressive-sm-dark.css +3 -3
  8. package/dist/css/tokens/tokens-expressive-sm-light.css +4 -4
  9. package/dist/css/tokens/tokens-tmo-dark.css +3 -3
  10. package/dist/css/tokens/tokens-tmo-light.css +4 -4
  11. package/dist/tokens/css/tokens-dp-dark.css +3 -3
  12. package/dist/tokens/css/tokens-dp-light.css +4 -4
  13. package/dist/tokens/css/tokens-expressive-dark.css +3 -3
  14. package/dist/tokens/css/tokens-expressive-light.css +4 -4
  15. package/dist/tokens/css/tokens-expressive-sm-dark.css +3 -3
  16. package/dist/tokens/css/tokens-expressive-sm-light.css +4 -4
  17. package/dist/tokens/css/tokens-tmo-dark.css +3 -3
  18. package/dist/tokens/css/tokens-tmo-light.css +4 -4
  19. package/dist/tokens/doc.json +11658 -11658
  20. package/dist/tokens/less/tokens-dp-dark.less +2 -2
  21. package/dist/tokens/less/tokens-dp-light.less +2 -2
  22. package/dist/tokens/less/tokens-expressive-dark.less +2 -2
  23. package/dist/tokens/less/tokens-expressive-light.less +2 -2
  24. package/dist/tokens/less/tokens-expressive-sm-dark.less +2 -2
  25. package/dist/tokens/less/tokens-expressive-sm-light.less +2 -2
  26. package/dist/tokens/less/tokens-tmo-dark.less +2 -2
  27. package/dist/tokens/less/tokens-tmo-light.less +2 -2
  28. package/dist/tokens/themes/dp-dark.cjs +1 -1
  29. package/dist/tokens/themes/dp-dark.js +1 -1
  30. package/dist/tokens/themes/dp-light.cjs +1 -1
  31. package/dist/tokens/themes/dp-light.js +1 -1
  32. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  33. package/dist/tokens/themes/expressive-dark.js +1 -1
  34. package/dist/tokens/themes/expressive-light.cjs +1 -1
  35. package/dist/tokens/themes/expressive-light.js +1 -1
  36. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  37. package/dist/tokens/themes/expressive-sm-dark.js +1 -1
  38. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  39. package/dist/tokens/themes/expressive-sm-light.js +1 -1
  40. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  41. package/dist/tokens/themes/tmo-dark.js +1 -1
  42. package/dist/tokens/themes/tmo-light.cjs +1 -1
  43. package/dist/tokens/themes/tmo-light.js +1 -1
  44. package/dist/tokens/tokens-dp-dark.json +1 -1
  45. package/dist/tokens/tokens-dp-light.json +2 -2
  46. package/dist/tokens/tokens-expressive-dark.json +1 -1
  47. package/dist/tokens/tokens-expressive-light.json +2 -2
  48. package/dist/tokens/tokens-expressive-sm-dark.json +1 -1
  49. package/dist/tokens/tokens-expressive-sm-light.json +2 -2
  50. package/dist/tokens/tokens-tmo-dark.json +1 -1
  51. package/dist/tokens/tokens-tmo-light.json +2 -2
  52. package/dist/vue3/chunks/{dropdown-oA-_Gotg.js → dropdown-h2VaPT4B.js} +2 -2
  53. package/dist/vue3/chunks/{dropdown-oA-_Gotg.js.map → dropdown-h2VaPT4B.js.map} +1 -1
  54. package/dist/vue3/chunks/{dropdown-p-Azgwov.js → dropdown-yF5Kg42u.js} +2 -2
  55. package/dist/vue3/chunks/{dropdown-p-Azgwov.js.map → dropdown-yF5Kg42u.js.map} +1 -1
  56. package/dist/vue3/chunks/{notice_action-p-ePanW_.js → notice_action-5nPX2mSu.js} +6 -8
  57. package/dist/vue3/chunks/notice_action-5nPX2mSu.js.map +1 -0
  58. package/dist/vue3/chunks/{notice_action-WTucGhvr.js → notice_action-i55KZMfG.js} +6 -8
  59. package/dist/vue3/chunks/notice_action-i55KZMfG.js.map +1 -0
  60. package/dist/vue3/chunks/{sr_only_close_button-xGrHFjwA.js → sr_only_close_button-Gl43uI6m.js} +5 -5
  61. package/dist/vue3/chunks/sr_only_close_button-Gl43uI6m.js.map +1 -0
  62. package/dist/vue3/chunks/{sr_only_close_button-3EdsV-dH.js → sr_only_close_button-q23hJuAf.js} +5 -5
  63. package/dist/vue3/chunks/sr_only_close_button-q23hJuAf.js.map +1 -0
  64. package/dist/vue3/component-documentation.json +1 -1
  65. package/dist/vue3/dialtone-vue.cjs +4 -4
  66. package/dist/vue3/dialtone-vue.js +4 -4
  67. package/dist/vue3/lib/attachment-carousel.cjs +10 -20
  68. package/dist/vue3/lib/attachment-carousel.cjs.map +1 -1
  69. package/dist/vue3/lib/attachment-carousel.js +10 -20
  70. package/dist/vue3/lib/attachment-carousel.js.map +1 -1
  71. package/dist/vue3/lib/avatar.cjs +31 -45
  72. package/dist/vue3/lib/avatar.cjs.map +1 -1
  73. package/dist/vue3/lib/avatar.js +33 -47
  74. package/dist/vue3/lib/avatar.js.map +1 -1
  75. package/dist/vue3/lib/banner.cjs +5 -5
  76. package/dist/vue3/lib/banner.js +5 -5
  77. package/dist/vue3/lib/callbar-button-with-popover.cjs +5 -9
  78. package/dist/vue3/lib/callbar-button-with-popover.cjs.map +1 -1
  79. package/dist/vue3/lib/callbar-button-with-popover.js +5 -9
  80. package/dist/vue3/lib/callbar-button-with-popover.js.map +1 -1
  81. package/dist/vue3/lib/callbox.cjs +14 -6
  82. package/dist/vue3/lib/callbox.cjs.map +1 -1
  83. package/dist/vue3/lib/callbox.js +15 -7
  84. package/dist/vue3/lib/callbox.js.map +1 -1
  85. package/dist/vue3/lib/chip.cjs +4 -10
  86. package/dist/vue3/lib/chip.cjs.map +1 -1
  87. package/dist/vue3/lib/chip.js +4 -10
  88. package/dist/vue3/lib/chip.js.map +1 -1
  89. package/dist/vue3/lib/collapsible.cjs +12 -9
  90. package/dist/vue3/lib/collapsible.cjs.map +1 -1
  91. package/dist/vue3/lib/collapsible.js +12 -9
  92. package/dist/vue3/lib/collapsible.js.map +1 -1
  93. package/dist/vue3/lib/combobox-multi-select.cjs +2 -5
  94. package/dist/vue3/lib/combobox-multi-select.cjs.map +1 -1
  95. package/dist/vue3/lib/combobox-multi-select.js +2 -5
  96. package/dist/vue3/lib/combobox-multi-select.js.map +1 -1
  97. package/dist/vue3/lib/combobox-with-popover.cjs +2 -5
  98. package/dist/vue3/lib/combobox-with-popover.cjs.map +1 -1
  99. package/dist/vue3/lib/combobox-with-popover.js +2 -5
  100. package/dist/vue3/lib/combobox-with-popover.js.map +1 -1
  101. package/dist/vue3/lib/combobox.cjs +1 -4
  102. package/dist/vue3/lib/combobox.cjs.map +1 -1
  103. package/dist/vue3/lib/combobox.js +1 -4
  104. package/dist/vue3/lib/combobox.js.map +1 -1
  105. package/dist/vue3/lib/contact-info.cjs +28 -10
  106. package/dist/vue3/lib/contact-info.cjs.map +1 -1
  107. package/dist/vue3/lib/contact-info.js +29 -11
  108. package/dist/vue3/lib/contact-info.js.map +1 -1
  109. package/dist/vue3/lib/contact-row.cjs +14 -9
  110. package/dist/vue3/lib/contact-row.cjs.map +1 -1
  111. package/dist/vue3/lib/contact-row.js +15 -10
  112. package/dist/vue3/lib/contact-row.js.map +1 -1
  113. package/dist/vue3/lib/datepicker.cjs +5 -20
  114. package/dist/vue3/lib/datepicker.cjs.map +1 -1
  115. package/dist/vue3/lib/datepicker.js +5 -20
  116. package/dist/vue3/lib/datepicker.js.map +1 -1
  117. package/dist/vue3/lib/dropdown.cjs +2 -5
  118. package/dist/vue3/lib/dropdown.cjs.map +1 -1
  119. package/dist/vue3/lib/dropdown.js +2 -5
  120. package/dist/vue3/lib/dropdown.js.map +1 -1
  121. package/dist/vue3/lib/editor.cjs +2 -2
  122. package/dist/vue3/lib/editor.js +2 -2
  123. package/dist/vue3/lib/emoji-picker.cjs +5 -11
  124. package/dist/vue3/lib/emoji-picker.cjs.map +1 -1
  125. package/dist/vue3/lib/emoji-picker.js +5 -11
  126. package/dist/vue3/lib/emoji-picker.js.map +1 -1
  127. package/dist/vue3/lib/feed-item-row.cjs +16 -10
  128. package/dist/vue3/lib/feed-item-row.cjs.map +1 -1
  129. package/dist/vue3/lib/feed-item-row.js +17 -11
  130. package/dist/vue3/lib/feed-item-row.js.map +1 -1
  131. package/dist/vue3/lib/general-row.cjs +12 -18
  132. package/dist/vue3/lib/general-row.cjs.map +1 -1
  133. package/dist/vue3/lib/general-row.js +12 -18
  134. package/dist/vue3/lib/general-row.js.map +1 -1
  135. package/dist/vue3/lib/group-row.cjs +7 -10
  136. package/dist/vue3/lib/group-row.cjs.map +1 -1
  137. package/dist/vue3/lib/group-row.js +7 -10
  138. package/dist/vue3/lib/group-row.js.map +1 -1
  139. package/dist/vue3/lib/grouped-chip.cjs +1 -4
  140. package/dist/vue3/lib/grouped-chip.cjs.map +1 -1
  141. package/dist/vue3/lib/grouped-chip.js +1 -4
  142. package/dist/vue3/lib/grouped-chip.js.map +1 -1
  143. package/dist/vue3/lib/hovercard.cjs +2 -5
  144. package/dist/vue3/lib/hovercard.cjs.map +1 -1
  145. package/dist/vue3/lib/hovercard.js +2 -5
  146. package/dist/vue3/lib/hovercard.js.map +1 -1
  147. package/dist/vue3/lib/image-viewer.cjs +4 -8
  148. package/dist/vue3/lib/image-viewer.cjs.map +1 -1
  149. package/dist/vue3/lib/image-viewer.js +4 -8
  150. package/dist/vue3/lib/image-viewer.js.map +1 -1
  151. package/dist/vue3/lib/ivr-node.cjs +4 -4
  152. package/dist/vue3/lib/ivr-node.js +4 -4
  153. package/dist/vue3/lib/list-item.cjs +4 -8
  154. package/dist/vue3/lib/list-item.cjs.map +1 -1
  155. package/dist/vue3/lib/list-item.js +4 -8
  156. package/dist/vue3/lib/list-item.js.map +1 -1
  157. package/dist/vue3/lib/message-input.cjs +8 -10
  158. package/dist/vue3/lib/message-input.cjs.map +1 -1
  159. package/dist/vue3/lib/message-input.js +8 -10
  160. package/dist/vue3/lib/message-input.js.map +1 -1
  161. package/dist/vue3/lib/modal.cjs +5 -11
  162. package/dist/vue3/lib/modal.cjs.map +1 -1
  163. package/dist/vue3/lib/modal.js +5 -11
  164. package/dist/vue3/lib/modal.js.map +1 -1
  165. package/dist/vue3/lib/notice.cjs +2 -2
  166. package/dist/vue3/lib/notice.js +2 -2
  167. package/dist/vue3/lib/pagination.cjs +10 -18
  168. package/dist/vue3/lib/pagination.cjs.map +1 -1
  169. package/dist/vue3/lib/pagination.js +10 -18
  170. package/dist/vue3/lib/pagination.js.map +1 -1
  171. package/dist/vue3/lib/popover.cjs +5 -11
  172. package/dist/vue3/lib/popover.cjs.map +1 -1
  173. package/dist/vue3/lib/popover.js +5 -11
  174. package/dist/vue3/lib/popover.js.map +1 -1
  175. package/dist/vue3/lib/rich-text-editor.cjs +1 -2
  176. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  177. package/dist/vue3/lib/rich-text-editor.js +1 -2
  178. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  179. package/dist/vue3/lib/settings-menu-button.cjs +6 -15
  180. package/dist/vue3/lib/settings-menu-button.cjs.map +1 -1
  181. package/dist/vue3/lib/settings-menu-button.js +6 -15
  182. package/dist/vue3/lib/settings-menu-button.js.map +1 -1
  183. package/dist/vue3/lib/split-button.cjs +2 -5
  184. package/dist/vue3/lib/split-button.cjs.map +1 -1
  185. package/dist/vue3/lib/split-button.js +2 -5
  186. package/dist/vue3/lib/split-button.js.map +1 -1
  187. package/dist/vue3/lib/toast.cjs +5 -5
  188. package/dist/vue3/lib/toast.js +5 -5
  189. package/dist/vue3/style.css +111 -111
  190. package/dist/vue3/types/components/avatar/avatar.vue.d.ts +6 -34
  191. package/dist/vue3/types/components/avatar/avatar.vue.d.ts.map +1 -1
  192. package/dist/vue3/types/components/chip/chip.vue.d.ts +1 -1
  193. package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts +1 -1
  194. package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts.map +1 -1
  195. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
  196. package/dist/vue3/types/components/list_item/list_item.vue.d.ts +2 -8
  197. package/dist/vue3/types/components/list_item/list_item.vue.d.ts.map +1 -1
  198. package/dist/vue3/types/components/notice/notice_action.vue.d.ts +5 -4
  199. package/dist/vue3/types/components/notice/notice_action.vue.d.ts.map +1 -1
  200. package/dist/vue3/types/components/pagination/pagination.vue.d.ts.map +1 -1
  201. package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts +1 -1
  202. package/dist/vue3/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts +1 -1
  203. package/dist/vue3/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +1 -1
  204. package/dist/vue3/types/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.d.ts.map +1 -1
  205. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +0 -1
  206. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
  207. package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +3 -3
  208. package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
  209. package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +0 -1
  210. package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map +1 -1
  211. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
  212. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
  213. package/package.json +3 -3
  214. package/dist/vue3/chunks/notice_action-WTucGhvr.js.map +0 -1
  215. package/dist/vue3/chunks/notice_action-p-ePanW_.js.map +0 -1
  216. package/dist/vue3/chunks/sr_only_close_button-3EdsV-dH.js.map +0 -1
  217. package/dist/vue3/chunks/sr_only_close_button-xGrHFjwA.js.map +0 -1
  218. package/dist/vue3/types/common/storybook_utils.d.ts +0 -25
  219. package/dist/vue3/types/common/storybook_utils.d.ts.map +0 -1
package/dist/tokens/less/tokens-dp-dark.less CHANGED
@@ -347,8 +347,8 @@
347
347
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
348
348
  @dt-action-color-border-base-outlined-default: #AB7EFF;
349
349
  @dt-action-color-border-critical-outlined-default: #FF8585;
350
- @dt-action-color-border-inverted-outlined-default: #000000;
351
- @dt-action-color-border-muted-outlined-default: #AAAAAA;
350
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
351
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
352
352
  @dt-theme-color-base: #E6E6E6;
353
353
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
354
354
  @dt-theme-topbar-color-background: #262626;
package/dist/tokens/less/tokens-dp-light.less CHANGED
@@ -347,8 +347,8 @@
347
347
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
348
348
  @dt-action-color-border-base-outlined-default: #7C52FF;
349
349
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
350
- @dt-action-color-border-inverted-outlined-default: #F9F9F9;
351
- @dt-action-color-border-muted-outlined-default: #555555;
350
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
351
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
352
352
  @dt-theme-color-base: #000000;
353
353
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
354
354
  @dt-theme-topbar-color-background: #F9F9F9;
package/dist/tokens/less/tokens-expressive-dark.less CHANGED
@@ -353,8 +353,8 @@
353
353
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
354
354
  @dt-action-color-border-base-outlined-default: #AB7EFF;
355
355
  @dt-action-color-border-critical-outlined-default: #FF8585;
356
- @dt-action-color-border-inverted-outlined-default: #000000;
357
- @dt-action-color-border-muted-outlined-default: #AAAAAA;
356
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
357
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
358
358
  @dt-theme-color-base: #E6E6E6;
359
359
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
360
360
  @dt-theme-topbar-color-background: #262626;
package/dist/tokens/less/tokens-expressive-light.less CHANGED
@@ -353,8 +353,8 @@
353
353
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
354
354
  @dt-action-color-border-base-outlined-default: #7C52FF;
355
355
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
356
- @dt-action-color-border-inverted-outlined-default: #F9F9F9;
357
- @dt-action-color-border-muted-outlined-default: #555555;
356
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
357
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
358
358
  @dt-theme-color-base: #000000;
359
359
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
360
360
  @dt-theme-topbar-color-background: #F9F9F9;
package/dist/tokens/less/tokens-expressive-sm-dark.less CHANGED
@@ -353,8 +353,8 @@
353
353
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
354
354
  @dt-action-color-border-base-outlined-default: #AB7EFF;
355
355
  @dt-action-color-border-critical-outlined-default: #FF8585;
356
- @dt-action-color-border-inverted-outlined-default: #000000;
357
- @dt-action-color-border-muted-outlined-default: #AAAAAA;
356
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
357
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
358
358
  @dt-theme-color-base: #E6E6E6;
359
359
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
360
360
  @dt-theme-topbar-color-background: #262626;
package/dist/tokens/less/tokens-expressive-sm-light.less CHANGED
@@ -353,8 +353,8 @@
353
353
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
354
354
  @dt-action-color-border-base-outlined-default: #7C52FF;
355
355
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
356
- @dt-action-color-border-inverted-outlined-default: #F9F9F9;
357
- @dt-action-color-border-muted-outlined-default: #555555;
356
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
357
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
358
358
  @dt-theme-color-base: #000000;
359
359
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
360
360
  @dt-theme-topbar-color-background: #F9F9F9;
package/dist/tokens/less/tokens-tmo-dark.less CHANGED
@@ -347,8 +347,8 @@
347
347
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
348
348
  @dt-action-color-border-base-outlined-default: #AB7EFF;
349
349
  @dt-action-color-border-critical-outlined-default: #FF8585;
350
- @dt-action-color-border-inverted-outlined-default: #000000;
351
- @dt-action-color-border-muted-outlined-default: #AAAAAA;
350
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
351
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
352
352
  @dt-theme-color-base: #F285BC;
353
353
  @dt-theme-topbar-color-foreground: hsl(330 80.7% 73.5% / 0.75);
354
354
  @dt-theme-topbar-color-background: #262626;
package/dist/tokens/less/tokens-tmo-light.less CHANGED
@@ -347,8 +347,8 @@
347
347
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
348
348
  @dt-action-color-border-base-outlined-default: #7C52FF;
349
349
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
350
- @dt-action-color-border-inverted-outlined-default: #F9F9F9;
351
- @dt-action-color-border-muted-outlined-default: #555555;
350
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
351
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
352
352
  @dt-theme-color-base: #E20074;
353
353
  @dt-theme-topbar-color-foreground: hsl(329 100% 44.3% / 0.75);
354
354
  @dt-theme-topbar-color-background: #F9F9F9;