@dialpad/dialtone 9.79.1 → 9.79.3

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info.vue.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const top_banner_info_constants = require("./top_banner_info_constants.cjs");
+;/* empty css                       */
+const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
+const _sfc_main = {
+  name: "DtRecipeTopBannerInfo",
+  props: {
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+      type: String,
+      default: "green300",
+      validator: function(kind) {
+        return top_banner_info_constants.COLOR_CODES.includes(kind);
+      }
+    }
+  },
+  computed: {
+    bannerInfoClass() {
+      const bgColors = {
+        // these are too specific, so for now I'm at least updating the resultant semantic value
+        // TODO: breaking change: update to be more abstract
+        green300: "d-bgc-success",
+        green100: "d-bgc-success",
+        red200: "d-bgc-critical",
+        red100: "d-bgc-critical",
+        gold200: "d-bgc-warning",
+        gold100: "d-bgc-warning",
+        black100: "d-bgc-info",
+        white: "d-bgc-primary"
+      };
+      return [bgColors[this.colorCode]];
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "dt-top-banner-info", class: _vm.bannerInfoClass, attrs: { "data-qa": "banner-info" } }, [_c("div", { staticClass: "dt-top-banner-info__left" }, [_vm._t("left")], 2), _c("div", { staticClass: "dt-top-banner-info__middle", attrs: { "data-qa": "banner-info--middle" } }, [_vm._t("default")], 2), _c("div", { staticClass: "dt-top-banner-info__right" }, [_vm._t("right")], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null
+);
+const top_banner_info = __component__.exports;
+exports.default = top_banner_info;
+//# sourceMappingURL=top_banner_info.vue.cjs.map

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info.vue.cjs","sources":["../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dt-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"dt-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"dt-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"dt-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green300: 'd-bgc-success',\n        green100: 'd-bgc-success',\n        red200: 'd-bgc-critical',\n        red100: 'd-bgc-critical',\n        gold200: 'd-bgc-warning',\n        gold100: 'd-bgc-warning',\n        black100: 'd-bgc-info',\n        white: 'd-bgc-primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-top-banner-info {\n  font-size: var(--dt-font-size-100);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--dt-color-foreground-primary);\n\n   &__left {\n     margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);\n     min-width: 20%;\n  }\n  &__middle {\n     display: flex;\n     align-items: center;\n     gap: var(--dt-size-300);\n     margin-top: var(--dt-space-300);\n    margin-bottom: var(--dt-space-300);\n  }\n  &__right {\n     display: flex;\n     align-items: baseline;\n     justify-content: flex-end;\n     gap: var(--dt-size-300);\n     margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;\n     min-width: 20%;\n     text-align: right;\n  }\n}\n</style>\n"],"names":["COLOR_CODES"],"mappings":";;;;;AA0BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,SAAA,MAAA;AACA,eAAAA,0BAAA,YAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,kBAAA;AACA,YAAA,WAAA;AAAA;AAAA;AAAA,QAGA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,MACA;AACA,aAAA,CAAA,SAAA,KAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info.vue.js

@@ -0,0 +1,53 @@
+import { COLOR_CODES } from "./top_banner_info_constants.js";
+/* empty css                     */
+import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
+const _sfc_main = {
+  name: "DtRecipeTopBannerInfo",
+  props: {
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+      type: String,
+      default: "green300",
+      validator: function(kind) {
+        return COLOR_CODES.includes(kind);
+      }
+    }
+  },
+  computed: {
+    bannerInfoClass() {
+      const bgColors = {
+        // these are too specific, so for now I'm at least updating the resultant semantic value
+        // TODO: breaking change: update to be more abstract
+        green300: "d-bgc-success",
+        green100: "d-bgc-success",
+        red200: "d-bgc-critical",
+        red100: "d-bgc-critical",
+        gold200: "d-bgc-warning",
+        gold100: "d-bgc-warning",
+        black100: "d-bgc-info",
+        white: "d-bgc-primary"
+      };
+      return [bgColors[this.colorCode]];
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "dt-top-banner-info", class: _vm.bannerInfoClass, attrs: { "data-qa": "banner-info" } }, [_c("div", { staticClass: "dt-top-banner-info__left" }, [_vm._t("left")], 2), _c("div", { staticClass: "dt-top-banner-info__middle", attrs: { "data-qa": "banner-info--middle" } }, [_vm._t("default")], 2), _c("div", { staticClass: "dt-top-banner-info__right" }, [_vm._t("right")], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null
+);
+const top_banner_info = __component__.exports;
+export {
+  top_banner_info as default
+};
+//# sourceMappingURL=top_banner_info.vue.js.map

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info.vue.js","sources":["../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dt-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"dt-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"dt-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"dt-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green300: 'd-bgc-success',\n        green100: 'd-bgc-success',\n        red200: 'd-bgc-critical',\n        red100: 'd-bgc-critical',\n        gold200: 'd-bgc-warning',\n        gold100: 'd-bgc-warning',\n        black100: 'd-bgc-info',\n        white: 'd-bgc-primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-top-banner-info {\n  font-size: var(--dt-font-size-100);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--dt-color-foreground-primary);\n\n   &__left {\n     margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);\n     min-width: 20%;\n  }\n  &__middle {\n     display: flex;\n     align-items: center;\n     gap: var(--dt-size-300);\n     margin-top: var(--dt-space-300);\n    margin-bottom: var(--dt-space-300);\n  }\n  &__right {\n     display: flex;\n     align-items: baseline;\n     justify-content: flex-end;\n     gap: var(--dt-size-300);\n     margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;\n     min-width: 20%;\n     text-align: right;\n  }\n}\n</style>\n"],"names":[],"mappings":";;;AA0BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,SAAA,MAAA;AACA,eAAA,YAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,kBAAA;AACA,YAAA,WAAA;AAAA;AAAA;AAAA,QAGA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,MACA;AACA,aAAA,CAAA,SAAA,KAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info_constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info_constants.cjs","sources":["../../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,cAAc;AAAA,EAAC;AAAA,EAAY;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAW;AAAA,EAAY;AAAO;;"}

package/dist/vue2/recipes/notices/top_banner_info/top_banner_info_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info_constants.js","sources":["../../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,cAAc;AAAA,EAAC;AAAA,EAAY;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAW;AAAA,EAAY;AAAO;"}

package/dist/vue2/style.css

@@ -528,7 +528,7 @@
   border: 0;
   color: var(--emoji-item-color-foreground);
   background-color: var(--emoji-item-color-background);
-  box-shadow: inset 0 0 0 var(--dt-size-border-150) var(--emoji-item-color-inset-shadow);
+  box-shadow: inset 0 0 0 var(--dt-size-border-100) var(--emoji-item-color-inset-shadow);
   height: var(--dt-size-550);
 }
 .dt-emoji-row__reaction.dt-emoji-row__picker {
@@ -569,6 +569,68 @@
   line-height: var(--dt-font-line-height-100);
   font-variant: tabular-nums;
 }
+.dt-recipe-feed-item-pill__wrapper[data-v-bbc106bf] {
+  background-color: var(--dt-color-surface-secondary);
+  padding: var(--dt-space-400);
+}
+.dt-recipe-feed-item-pill__button[data-v-bbc106bf] {
+  background-color: var(--dt-color-surface-moderate);
+  text-align: left;
+  width: 100%;
+  cursor: pointer;
+  border-width: 0;
+  border-radius: var(--dt-size-radius-600);
+  --button-padding-x: var(--button-padding-y-md);
+  --button-padding-y: var(--button-padding-y-md);
+  --button-color-text: var(--dt-action-color-foreground-muted-default);
+  --button-border-radius: var(--dt-size-radius-600);
+}
+.dt-recipe-feed-item-pill__layout[data-v-bbc106bf] {
+  padding: var(--dt-space-400);
+  gap: var(--dt-space-300);
+  width: 100%;
+}
+.dt-recipe-feed-item-pill__layout[data-v-bbc106bf] > .dt-item-layout--left {
+  padding-right: var(--dt-space-0);
+  justify-content: center;
+}
+.dt-recipe-feed-item-pill__icon[data-v-bbc106bf] {
+  display: flex;
+}
+.dt-recipe-feed-item-pill__icon[data-v-bbc106bf] svg {
+  animation: fade-bbc106bf 0.15s ease-in;
+}
+.dt-recipe-feed-item-pill__content[data-v-bbc106bf] {
+  display: flex;
+  justify-content: center;
+}
+.dt-recipe-feed-item-pill__title[data-v-bbc106bf] {
+  font-weight: var(--dt-font-weight-bold);
+}
+.dt-recipe-feed-item-pill__border[data-v-bbc106bf] {
+  border: double 1px transparent;
+  border-radius: var(--dt-size-radius-600);
+  background-origin: border-box;
+  background-clip: content-box, border-box;
+  overflow: hidden;
+}
+.dt-recipe-feed-item-pill__border-default[data-v-bbc106bf] {
+  background: var(--dt-color-border-default);
+}
+.dt-recipe-feed-item-pill__border-ai[data-v-bbc106bf] {
+  background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
+}
+.dt-recipe-feed-item-pill__border-critical[data-v-bbc106bf] {
+  background: var(--dt-color-foreground-critical);
+}
+@keyframes fade-bbc106bf {
+0% {
+    transform: scale(0);
+}
+100% {
+    transform: scale(1);
+}
+}
 .dt-feed-item-row[data-v-90e0798e] {
   width: var(--dt-size-100-percent);
   box-sizing: border-box;
@@ -678,68 +740,6 @@
   flex-direction: column;
   margin-top: 0;
 }
-.dt-recipe-feed-item-pill__wrapper[data-v-df943928] {
-  background-color: var(--dt-color-surface-secondary);
-  padding: var(--dt-space-400);
-}
-.dt-recipe-feed-item-pill__button[data-v-df943928] {
-  background-color: var(--dt-color-surface-moderate);
-  text-align: left;
-  width: 100%;
-  cursor: pointer;
-  border-width: 0;
-  border-radius: var(--dt-size-radius-600);
-  --button-padding-x: var(--button-padding-y-md);
-  --button-padding-y: var(--button-padding-y-md);
-  --button-color-text: var(--dt-action-color-foreground-muted-default);
-  --button-border-radius: var(--dt-size-radius-600);
-}
-.dt-recipe-feed-item-pill__layout[data-v-df943928] {
-  padding: var(--dt-space-400);
-  gap: var(--dt-space-300);
-  width: 100%;
-}
-.dt-recipe-feed-item-pill__layout[data-v-df943928] > .dt-item-layout--left {
-  padding-right: var(--dt-space-0);
-  justify-content: center;
-}
-.dt-recipe-feed-item-pill__icon[data-v-df943928] {
-  display: flex;
-}
-.dt-recipe-feed-item-pill__icon[data-v-df943928] svg {
-  animation: fade-df943928 0.15s ease-in;
-}
-.dt-recipe-feed-item-pill__content[data-v-df943928] {
-  display: flex;
-  justify-content: center;
-}
-.dt-recipe-feed-item-pill__title[data-v-df943928] {
-  font-weight: var(--dt-font-weight-bold);
-}
-.dt-recipe-feed-item-pill__border[data-v-df943928] {
-  border: double 1px transparent;
-  border-radius: var(--dt-size-radius-600);
-  background-origin: border-box;
-  background-clip: content-box, border-box;
-  overflow: hidden;
-}
-.dt-recipe-feed-item-pill__border-default[data-v-df943928] {
-  background: var(--dt-color-border-default);
-}
-.dt-recipe-feed-item-pill__border-ai[data-v-df943928] {
-  background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
-}
-.dt-recipe-feed-item-pill__border-critical[data-v-df943928] {
-  background: var(--dt-color-foreground-critical);
-}
-@keyframes fade-df943928 {
-0% {
-    transform: scale(0);
-}
-100% {
-    transform: scale(1);
-}
-}
 .dt-message-input-meeting-pill {
   display: inline-block;
 }
@@ -772,14 +772,18 @@
   border-radius: var(--dt-size-radius-400);
   border: var(--dt-size-border-100) solid;
   border-color: var(--dt-color-border-default);
+  line-height: var(--dt-font-line-height-400);
   cursor: text;
+  transition-property: border-color, box-shadow, opacity;
+  transition-duration: var(--td50);
+  transition-timing-function: var(--ttf-in-out);
 }
 .dt-message-input:focus-within {
   border-color: var(--dt-color-border-bold);
-  box-shadow: var(--dt-shadow-small);
+  box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
 }
 .dt-message-input__editor-wrapper {
-  padding: var(--dt-space-400) var(--dt-space-500) var(--dt-space-300);
+  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
 }
 .dt-message-input__remaining-char-tooltip {
   margin-top: auto;
@@ -788,20 +792,27 @@
 .dt-message-input__remaining-char {
   color: var(--dt-color-foreground-critical);
   font-size: var(--dt-font-size-100);
-  margin-right: var(--dt-space-500);
+  margin-right: var(--dt-space-300);
+}
+.dt-message-input__button {
+  max-height: 2.8rem;
+  max-width: 2.8rem;
+  border-radius: var(--dt-size-radius-300);
+}
+.dt-message-input__send-button.dt-message-input__button:not(.d-btn--icon-only),
+.dt-message-input__cancel-button {
+  max-width: unset;
+  padding: var(--dt-space-350);
 }
 .dt-message-input__send-button--disabled {
   background-color: unset;
   color: var(--dt-color-foreground-muted);
   cursor: default;
 }
-.dt-message-input__cancel-button {
-  margin-right: var(--dt-space-300);
-}
 .dt-message-input__bottom-section {
   display: flex;
   justify-content: space-between;
-  padding: var(--dt-space-300) var(--dt-space-400);
+  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
 }
 .dt-message-input__bottom-section-left {
   display: flex;
@@ -847,20 +858,20 @@
   background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);
   color: var(--dt-theme-topbar-button-color-foreground-hover);
 }
-.dt-contact-info[data-v-3acaa9ec] {
+.dt-contact-info[data-v-42a664ff] {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   display: flex;
 }
-.dt-contact-info[data-v-3acaa9ec] .dt-item-layout {
+.dt-contact-info[data-v-42a664ff] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--content {
+.dt-contact-info[data-v-42a664ff] .dt-item-layout--content {
   /*
     DP-74536: Add `min-width` to make the width of "contact info" adjustable.
     */
   min-width: var(--dt-space-825);
 }
-.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--left {
+.dt-contact-info[data-v-42a664ff] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -868,26 +879,26 @@
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--right {
+.dt-contact-info[data-v-42a664ff] .dt-item-layout--right {
   /*
     DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
     */
   min-width: 0;
   align-items: center;
 }
-.dt-contact-info__left[data-v-3acaa9ec] {
+.dt-contact-info__left[data-v-42a664ff] {
   position: relative;
   background-color: transparent;
   background-image: none;
   border-width: 0;
   cursor: pointer;
 }
-.dt-contact-info--avatars[data-v-3acaa9ec] {
+.dt-contact-info--avatars[data-v-42a664ff] {
   margin-right: var(--dt-space-300-negative);
   display: flex;
   flex-direction: row;
 }
-.dt-contact-info--avatars .d-avatar[data-v-3acaa9ec] {
+.dt-contact-info--avatars .d-avatar[data-v-42a664ff] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;