@dialpad/dialtone-vue 3.37.0-beta.1 → 3.37.0

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 (5) hide show
  1. package/README.md +4 -0
  2. package/dist/dialtone-vue.common.js +13 -13
  3. package/dist/dialtone-vue.umd.js +13 -13
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -54,6 +54,10 @@ import { getEmojiData } from '@dialpad/dialtone-vue/emoji'
54
54
  const emojiData = getEmojiData();
55
55
  ```
56
56
 
57
+ ## Shadow DOM
58
+
59
+ If you are using Dialtone Vue within a shadow DOM set the `shadowRoot: YOUR_ELEMENT` option on your vue instance and the styles will be isolated to that element rather than rendered at the root.
60
+
57
61
  ## Contributing
58
62
 
59
63
  If you would like to contribute to Dialtone Vue the first step is to get the project running locally. Follow the below quickstart to do so.
package/dist/dialtone-vue.common.js CHANGED
@@ -313,7 +313,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-too
313
313
 
314
314
  /***/ }),
315
315
 
316
- /***/ 647:
316
+ /***/ 432:
317
317
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
318
318
 
319
319
  "use strict";
@@ -330,7 +330,7 @@ __webpack_require__.r(__webpack_exports__);
330
330
 
331
331
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
332
332
  // Module
333
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){letter-spacing:-.011rem;line-height:1.6rem}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active{--button--bgc:hsla(var(--error-color-hsl)/10%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active:hover{--button--bgc:hsla(var(--error-color-hsl)/20%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}", ""]);
333
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}", ""]);
334
334
  // Exports
335
335
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
336
336
 
@@ -1790,20 +1790,20 @@ module.exports.__inject__ = function (shadowRoot) {
1790
1790
 
1791
1791
  /***/ }),
1792
1792
 
1793
- /***/ 980:
1793
+ /***/ 924:
1794
1794
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1795
1795
 
1796
1796
  // style-loader: Adds some css to the DOM by adding a <style> tag
1797
1797
 
1798
1798
  // load the styles
1799
- var content = __webpack_require__(647);
1799
+ var content = __webpack_require__(432);
1800
1800
  if(content.__esModule) content = content.default;
1801
1801
  if(typeof content === 'string') content = [[module.id, content, '']];
1802
1802
  if(content.locals) module.exports = content.locals;
1803
1803
  // add CSS to Shadow Root
1804
1804
  var add = (__webpack_require__(339)/* ["default"] */ .Z)
1805
1805
  module.exports.__inject__ = function (shadowRoot) {
1806
- add("4994410c", content, shadowRoot)
1806
+ add("c1fd4b12", content, shadowRoot)
1807
1807
  };
1808
1808
 
1809
1809
  /***/ }),
@@ -20107,9 +20107,9 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
20107
20107
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
20108
20108
 
20109
20109
 
20110
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=e4ef387c
20110
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=8f55595a
20111
20111
 
20112
- function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props, $setup, $data, $options) {
20112
+ function callbar_buttonvue_type_template_id_8f55595a_render(_ctx, _cache, $props, $setup, $data, $options) {
20113
20113
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
20114
20114
 
20115
20115
  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
@@ -20136,7 +20136,7 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20136
20136
  _: 3
20137
20137
  }, 8, ["id"]);
20138
20138
  }
20139
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=e4ef387c
20139
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=8f55595a
20140
20140
 
20141
20141
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
20142
20142
 
@@ -20225,7 +20225,7 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20225
20225
  },
20226
20226
  computed: {
20227
20227
  callbarButtonClass() {
20228
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-stack4', 'd-px0', 'h:d-bgc-black-200', 'h:d-bgo50', {
20228
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
20229
20229
  'dt-recipe-callbar-button--circle': this.circle,
20230
20230
  'd-btn--icon-only': this.circle,
20231
20231
  'dt-recipe-callbar-button--active': this.active,
@@ -20237,9 +20237,9 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20237
20237
  });
20238
20238
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
20239
20239
 
20240
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=e4ef387c&lang=less
20241
- var callbar_buttonvue_type_style_index_0_id_e4ef387c_lang_less = __webpack_require__(980);
20242
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=e4ef387c&lang=less
20240
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=8f55595a&lang=less
20241
+ var callbar_buttonvue_type_style_index_0_id_8f55595a_lang_less = __webpack_require__(924);
20242
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=8f55595a&lang=less
20243
20243
 
20244
20244
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
20245
20245
 
@@ -20249,7 +20249,7 @@ var callbar_buttonvue_type_style_index_0_id_e4ef387c_lang_less = __webpack_requi
20249
20249
  ;
20250
20250
 
20251
20251
 
20252
- const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_e4ef387c_render]])
20252
+ const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_8f55595a_render]])
20253
20253
 
20254
20254
  /* harmony default export */ const callbar_button = (callbar_button_exports_);
20255
20255
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -323,7 +323,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-too
323
323
 
324
324
  /***/ }),
325
325
 
326
- /***/ 99:
326
+ /***/ 605:
327
327
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
328
328
 
329
329
  "use strict";
@@ -340,7 +340,7 @@ __webpack_require__.r(__webpack_exports__);
340
340
 
341
341
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
342
342
  // Module
343
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){letter-spacing:-.011rem;line-height:1.6rem}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active{--button--bgc:hsla(var(--error-color-hsl)/10%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active:hover{--button--bgc:hsla(var(--error-color-hsl)/20%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}", ""]);
343
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}", ""]);
344
344
  // Exports
345
345
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
346
346
 
@@ -1800,20 +1800,20 @@ module.exports.__inject__ = function (shadowRoot) {
1800
1800
 
1801
1801
  /***/ }),
1802
1802
 
1803
- /***/ 119:
1803
+ /***/ 453:
1804
1804
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1805
1805
 
1806
1806
  // style-loader: Adds some css to the DOM by adding a <style> tag
1807
1807
 
1808
1808
  // load the styles
1809
- var content = __webpack_require__(99);
1809
+ var content = __webpack_require__(605);
1810
1810
  if(content.__esModule) content = content.default;
1811
1811
  if(typeof content === 'string') content = [[module.id, content, '']];
1812
1812
  if(content.locals) module.exports = content.locals;
1813
1813
  // add CSS to Shadow Root
1814
1814
  var add = (__webpack_require__(339)/* ["default"] */ .Z)
1815
1815
  module.exports.__inject__ = function (shadowRoot) {
1816
- add("3a4b387a", content, shadowRoot)
1816
+ add("03d29912", content, shadowRoot)
1817
1817
  };
1818
1818
 
1819
1819
  /***/ }),
@@ -20117,9 +20117,9 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
20117
20117
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
20118
20118
 
20119
20119
 
20120
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=e4ef387c
20120
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=8f55595a
20121
20121
 
20122
- function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props, $setup, $data, $options) {
20122
+ function callbar_buttonvue_type_template_id_8f55595a_render(_ctx, _cache, $props, $setup, $data, $options) {
20123
20123
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
20124
20124
 
20125
20125
  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
@@ -20146,7 +20146,7 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20146
20146
  _: 3
20147
20147
  }, 8, ["id"]);
20148
20148
  }
20149
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=e4ef387c
20149
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=8f55595a
20150
20150
 
20151
20151
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
20152
20152
 
@@ -20235,7 +20235,7 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20235
20235
  },
20236
20236
  computed: {
20237
20237
  callbarButtonClass() {
20238
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-stack4', 'd-px0', 'h:d-bgc-black-200', 'h:d-bgo50', {
20238
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
20239
20239
  'dt-recipe-callbar-button--circle': this.circle,
20240
20240
  'd-btn--icon-only': this.circle,
20241
20241
  'dt-recipe-callbar-button--active': this.active,
@@ -20247,9 +20247,9 @@ function callbar_buttonvue_type_template_id_e4ef387c_render(_ctx, _cache, $props
20247
20247
  });
20248
20248
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
20249
20249
 
20250
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=e4ef387c&lang=less
20251
- var callbar_buttonvue_type_style_index_0_id_e4ef387c_lang_less = __webpack_require__(119);
20252
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=e4ef387c&lang=less
20250
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=8f55595a&lang=less
20251
+ var callbar_buttonvue_type_style_index_0_id_8f55595a_lang_less = __webpack_require__(453);
20252
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=8f55595a&lang=less
20253
20253
 
20254
20254
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
20255
20255
 
@@ -20259,7 +20259,7 @@ var callbar_buttonvue_type_style_index_0_id_e4ef387c_lang_less = __webpack_requi
20259
20259
  ;
20260
20260
 
20261
20261
 
20262
- const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_e4ef387c_render]])
20262
+ const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_8f55595a_render]])
20263
20263
 
20264
20264
  /* harmony default export */ const callbar_button = (callbar_button_exports_);
20265
20265
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js