@dialpad/dialtone-css 8.46.4 → 8.46.5

package/lib/dist/dialtone-default-theme.css

@@ -585,6 +585,17 @@ template {
 .d-root-layout__footer {
   grid-area: footer;
 }
+@media (max-width: 980px) {
+  .d-root-layout--fixed.d-root-layout__responsive--lg {
+    height: auto;
+  }
+  .d-root-layout__responsive--lg {
+    grid-template-areas: 'header' 'sidebar' 'body' 'footer';
+    grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
+    grid-template-rows: min-content auto 1fr min-content;
+    grid-template-columns: 1fr;
+  }
+}
 .d-stack {
   --stack-gap: 0;
   --stack-direction: column;
@@ -8094,12 +8105,20 @@ ul {
   stroke: var(--dt-color-purple-500);
   stroke-dashoffset: var(--stroke-dashoffset);
 }
+.d-recipe-callbar-button {
+  padding-right: var(--dt-space-0);
+  padding-left: var(--dt-space-0);
+  color: var(--dt-color-foreground-primary);
+}
 .d-recipe-callbar-button:not(.d-recipe-callbar-button--circle) {
   line-height: var(--dt-font-line-height-300);
 }
-.d-recipe-callbar-button.d-btn[disabled] {
+.d-recipe-callbar-button.d-btn--disabled {
   background-color: unset;
-  opacity: 0.5;
+  opacity: var(--dt-opacity-700);
+}
+.d-recipe-callbar-button__text {
+  font-size: var(--dt-font-size-100);
 }
 .d-recipe-callbar-button--active .base-button__icon,
 .d-recipe-callbar-button--active:hover .base-button__icon {
@@ -8142,6 +8161,13 @@ ul {
 .d-recipe-callbar-button-with-popover__popover .d-popover__header .d-btn {
   color: var(--dt-color-foreground-primary-inverted);
 }
+.d-recipe-callbar-button-with-popover__popover .d-popover__header__content {
+  display: flex;
+  align-items: center;
+  padding-right: var(--dt-space-450);
+  padding-left: var(--dt-space-450);
+  font-weight: normal;
+}
 .d-recipe-callbar-button-with-popover__button.d-tab--selected::after,
 .d-recipe-callbar-button-with-popover__button.d-tab--selected:hover::after {
   --tab--bgc: var(--dt-color-surface-contrast);
@@ -8282,6 +8308,9 @@ ul {
 .d-recipe-combobox-multi-select__input {
   flex-grow: 1;
 }
+.d-recipe-combobox-multi-select__input--hidden {
+  color: transparent;
+}
 .d-recipe-combobox-multi-select__input-wrapper {
   position: relative;
   display: block;
@@ -8336,7 +8365,18 @@ ul {
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   border-radius: var(--dt-size-radius-pill);
 }
-.d-recipe-editor__top-bar-background {
+.d-recipe-contact-info__avatars .d-avatar.d-recipe-contact-info__avatar-stacked {
+  margin-left: var(--dt-space-550-negative);
+}
+.d-recipe-contact-info__avatars .d-avatar.d-recipe-contact-info__avatar-halo {
+  border-color: var(--dt-color-border-brand);
+}
+.d-recipe-editor {
+  display: flex;
+  flex-direction: column;
+}
+.d-recipe-editor__top-bar {
+  padding: var(--dt-space-400);
   background-color: var(--dt-color-surface-secondary);
 }
 .d-recipe-editor__button-group-divider {
@@ -8345,6 +8385,36 @@ ul {
   margin-left: var(--dt-space-400);
   background: var(--dt-color-border-subtle);
 }
+.d-recipe-editor-link__input-wrapper {
+  margin-top: var(--dt-space-350);
+  padding-top: var(--dt-space-200);
+  padding-bottom: var(--dt-space-200);
+  background-color: var(--dt-color-surface-secondary);
+  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
+  outline: none;
+  box-shadow: none !important;
+}
+.d-recipe-editor__popover-content {
+  padding: var(--dt-space-500);
+}
+.d-recipe-editor__popover-footer {
+  padding-right: var(--dt-space-450);
+  padding-left: var(--dt-space-550);
+}
+.d-recipe-editor__content {
+  margin: var(--dt-space-400) var(--dt-space-500) var(--dt-space-500);
+  overflow: auto;
+  cursor: text;
+}
+.d-recipe-editor__content-input {
+  margin-top: var(--dt-space-350);
+  margin-bottom: var(--dt-space-350);
+  margin-left: var(--dt-space-500);
+}
+.d-recipe-editor__link {
+  display: inline-block;
+  cursor: text;
+}
 .d-recipe-emoji-row {
   display: flex;
   flex-wrap: wrap;
@@ -8353,6 +8423,9 @@ ul {
 .d-recipe-emoji-row__tooltip {
   display: inline-block;
 }
+.d-recipe-emoji-row__tooltip-content {
+  max-width: var(--dt-size-975);
+}
 .d-recipe-emoji-row__reaction {
   --emoji-item-color-inset-shadow: transparent;
   --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-default);
@@ -8404,6 +8477,9 @@ ul {
   display: inline-flex;
   margin-right: var(--dt-space-300);
 }
+.d-recipe-feed-item-pill--toggleable {
+  cursor: pointer;
+}
 .d-recipe-feed-item-pill__wrapper {
   padding: var(--dt-space-400);
   background-color: var(--dt-color-surface-secondary);
@@ -8591,6 +8667,9 @@ ul {
   background-color: unset;
   background-image: unset;
 }
+.d-recipe-grouped-chip .d-chip__text {
+  font-size: var(--dt-font-size-100);
+}
 .d-recipe-grouped-chip__content {
   font-variant-numeric: tabular-nums;
 }
@@ -8614,20 +8693,48 @@ ul {
   /* stylelint-disable-line meowtec/no-px */
   cursor: pointer;
 }
-.d-recipe-ivr-node__header-left {
-  display: flex;
-  align-items: center;
+.d-recipe-ivr-node .d-card {
+  width: var(--dt-size-100-percent);
 }
-.d-recipe-ivr-node__label {
-  font-weight: var(--dt-font-weight-bold);
-  font-size: var(--dt-font-size-200);
+.d-recipe-ivr-node .d-card__header {
+  margin-top: var(--dt-size-100-negative);
+  padding: var(--dt-space-0);
+  border-top-left-radius: var(--dt-size-border-300);
+  border-top-right-radius: var(--dt-size-border-300);
 }
-.d-recipe-ivr-node__dropdown-list {
-  width: var(--dt-size-825);
+.d-recipe-ivr-node .d-card__content {
+  padding: var(--dt-space-400) var(--dt-space-450) var(--dt-space-450);
+  border-top: var(--dt-size-border-100) solid var(--dt-color-black-300);
 }
-.d-recipe-ivr-node__goto-icon {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
+.d-recipe-ivr-node-prompt .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-blue-200);
+}
+.d-recipe-ivr-node-prompt--selected .d-card {
+  border: var(--dt-size-border-300) solid var(--dt-color-blue-300);
+  border-radius: var(--dt-size-radius-400);
+}
+.d-recipe-ivr-node-prompt--selected .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-blue-300);
+}
+.d-recipe-ivr-node-logic .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-purple-200);
+}
+.d-recipe-ivr-node-logic--selected .d-card {
+  border: var(--dt-size-border-300) solid var(--dt-color-purple-400);
+  border-radius: var(--dt-size-radius-400);
+}
+.d-recipe-ivr-node-logic--selected .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-purple-400);
+}
+.d-recipe-ivr-node-terminal .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-red-100);
+}
+.d-recipe-ivr-node-terminal--selected .d-card {
+  border: var(--dt-size-border-300) solid var(--dt-color-red-200);
+  border-radius: var(--dt-size-radius-400);
+}
+.d-recipe-ivr-node-terminal--selected .d-card__header {
+  border-top: var(--dt-size-border-300) solid var(--dt-color-red-200);
 }
 .d-recipe-ivr-node__connector {
   z-index: var(--zi-base);
@@ -8654,6 +8761,21 @@ ul {
 .d-recipe-ivr-node__connector-dtmf .d-recipe-ivr-node__connector--selected {
   margin-bottom: var(--dt-space-500-negative);
 }
+.d-recipe-ivr-node__header-left {
+  display: flex;
+  align-items: center;
+}
+.d-recipe-ivr-node__label {
+  font-weight: var(--dt-font-weight-bold);
+  font-size: var(--dt-font-size-200);
+}
+.d-recipe-ivr-node__dropdown-list {
+  width: var(--dt-size-825);
+}
+.d-recipe-ivr-node__goto-icon {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
 .d-recipe-leftbar-row {
   --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
@@ -8963,6 +9085,53 @@ ul {
     opacity: 0.9;
   }
 }
+.d-recipe-contact-row--active {
+  color: var(--dt-color-foreground-success);
+}
+.d-recipe-contact-row--busy {
+  color: var(--dt-color-foreground-critical);
+}
+.d-recipe-contact-row--away {
+  color: var(--dt-color-foreground-warning);
+}
+.d-recipe-leftbar-general-row__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.d-recipe-leftbar-general-row__contact-center--magenta-100 {
+  background-color: var(--dt-color-magenta-100);
+}
+.d-recipe-leftbar-general-row__contact-center--magenta-200 {
+  background-color: var(--dt-color-magenta-200);
+}
+.d-recipe-leftbar-general-row__contact-center--magenta-300 {
+  background-color: var(--dt-color-magenta-300);
+}
+.d-recipe-leftbar-general-row__contact-center--magenta-400 {
+  background-color: var(--dt-color-magenta-400);
+}
+.d-recipe-leftbar-general-row__contact-center--green-200 {
+  background-color: var(--dt-color-green-200);
+}
+.d-recipe-leftbar-general-row__contact-center--green-500 {
+  background-color: var(--dt-color-green-500);
+}
+.d-recipe-leftbar-general-row__contact-center--gold-300 {
+  background-color: var(--dt-color-gold-300);
+}
+.d-recipe-leftbar-general-row__contact-center--purple-100 {
+  background-color: var(--dt-color-purple-100);
+}
+.d-recipe-leftbar-general-row__contact-center--purple-300 {
+  background-color: var(--dt-color-purple-300);
+}
+.d-recipe-leftbar-general-row__contact-center--purple-600 {
+  background-color: var(--dt-color-purple-600);
+}
+.d-recipe-leftbar-general-row__contact-center--black-300 {
+  background-color: var(--dt-color-black-300);
+}
 .d-recipe-message-input {
   display: flex;
   flex-direction: column;
@@ -9042,6 +9211,10 @@ ul {
   display: flex;
   justify-content: flex-end;
 }
+.d-recipe-message-input__sms-count {
+  display: flex;
+  align-items: center;
+}
 .d-recipe-settings-menu-button {
   width: var(--dt-size-550);
   height: var(--dt-size-600);
@@ -9104,6 +9277,21 @@ ul {
   margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;
   text-align: right;
 }
+.d-recipe-top-banner-info--success {
+  background-color: var(--dt-color-surface-success);
+}
+.d-recipe-top-banner-info--critical {
+  background-color: var(--dt-color-surface-critical);
+}
+.d-recipe-top-banner-info--warning {
+  background-color: var(--dt-color-surface-warning);
+}
+.d-recipe-top-banner-info--info {
+  background-color: var(--dt-color-surface-info);
+}
+.d-recipe-top-banner-info--primary {
+  background-color: var(--dt-color-surface-primary);
+}
 .d-recipe-leftbar-unread-pill {
   display: flex;
   gap: var(--dt-space-300);
@@ -27704,14 +27892,8 @@ body {
 }
 
 @media (max-width: 980px) {
-  .d-root-layout--fixed.d-root-layout__responsive--lg {
-    height: auto;
-  }
-  .d-root-layout__responsive--lg {
-    grid-template-areas: 'header' 'sidebar' 'body' 'footer';
-    grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
-    grid-template-rows: min-content auto 1fr min-content;
-    grid-template-columns: 1fr;
+  .d-recipe-callbar-button__text {
+    display: none;
   }
 .lg\:d-stack {
   --stack-gap: 0;