@dialpad/dialtone-vue 3.81.0 → 3.82.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.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +39 -0
- package/README.md +10 -8
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +6 -6
- package/dist/dialtone-vue.js +1849 -1673
- package/dist/style.css +1 -1
- package/dist/types/components/avatar/avatar.vue.d.ts +8 -1
- package/dist/types/components/avatar/avatar.vue.d.ts.map +1 -1
- package/dist/types/components/avatar/avatar_constants.d.ts +1 -1
- package/dist/types/components/select_menu/select_menu.vue.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts +127 -0
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -0
- package/dist/types/recipes/leftbar/callbox/callbox_constants.d.ts +15 -0
- package/dist/types/recipes/leftbar/callbox/callbox_constants.d.ts.map +1 -0
- package/dist/types/recipes/leftbar/callbox/index.d.ts +3 -0
- package/dist/types/recipes/leftbar/callbox/index.d.ts.map +1 -0
- package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +1 -1
- package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts +1 -1
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,42 @@
|
|
|
1
|
+
## [3.82.1](https://github.com/dialpad/dialtone-vue/compare/v3.82.0...v3.82.1) (2023-08-28)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **Avatar:** dynamic icon sizes ([#1147](https://github.com/dialpad/dialtone-vue/issues/1147)) ([1c1b390](https://github.com/dialpad/dialtone-vue/commit/1c1b390f74ab9070db51112c7138ff308e72d5af))
|
|
7
|
+
* **Avatar:** image events ([#1144](https://github.com/dialpad/dialtone-vue/issues/1144)) ([a03c3b9](https://github.com/dialpad/dialtone-vue/commit/a03c3b95823e72c3857c2b3cbcf2ab825e58ed66))
|
|
8
|
+
* **Contact Info:** avatar's border color ([#1138](https://github.com/dialpad/dialtone-vue/issues/1138)) ([3c8e6fb](https://github.com/dialpad/dialtone-vue/commit/3c8e6fb21eafcacbb4b5ebdf4503d22a47f1fedb))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Code Refactoring
|
|
12
|
+
|
|
13
|
+
* **Callbox:** visuals - vue3 ([#1140](https://github.com/dialpad/dialtone-vue/issues/1140)) ([5db9860](https://github.com/dialpad/dialtone-vue/commit/5db98605520b4a3696bb570fce5bd0ab1c0519ad))
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### Documentation
|
|
17
|
+
|
|
18
|
+
* **Chip:** variants story - vue3 ([#1149](https://github.com/dialpad/dialtone-vue/issues/1149)) ([d8fe2a9](https://github.com/dialpad/dialtone-vue/commit/d8fe2a9da0f45cfe2c1fe2766c50802803776038))
|
|
19
|
+
|
|
20
|
+
# [3.82.0](https://github.com/dialpad/dialtone-vue/compare/v3.81.0...v3.82.0) (2023-08-23)
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Bug Fixes
|
|
24
|
+
|
|
25
|
+
* end -> flex-end ([bd8cd3a](https://github.com/dialpad/dialtone-vue/commit/bd8cd3a28204aa509a6275bf0b6300d83fa3d4cb))
|
|
26
|
+
* **Recipe Callbar Button With Popover:** do not autofocus on the popover ([#1132](https://github.com/dialpad/dialtone-vue/issues/1132)) ([b18114d](https://github.com/dialpad/dialtone-vue/commit/b18114dced0e7792d84ac1bd7da5a4e1eb123a3b))
|
|
27
|
+
* **Select Menu:** emit value first ([#1134](https://github.com/dialpad/dialtone-vue/issues/1134)) ([d043c1e](https://github.com/dialpad/dialtone-vue/commit/d043c1efb1cb426d320f3d21b94941cf56556233))
|
|
28
|
+
* **Select Menu:** pass event object onChange ([#1126](https://github.com/dialpad/dialtone-vue/issues/1126)) ([7b9b822](https://github.com/dialpad/dialtone-vue/commit/7b9b822695cf463931f665aff2c631b870ace8cf))
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Documentation
|
|
32
|
+
|
|
33
|
+
* update documentation - vue3 ([#1120](https://github.com/dialpad/dialtone-vue/issues/1120)) ([67d89ac](https://github.com/dialpad/dialtone-vue/commit/67d89ac38dd5aaa127838e124941e09bf4d42921))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
### Features
|
|
37
|
+
|
|
38
|
+
* **Callbox:** scaffold component - vue3 ([#1130](https://github.com/dialpad/dialtone-vue/issues/1130)) ([c652d37](https://github.com/dialpad/dialtone-vue/commit/c652d37e419c80490023f828dc007d572e7be5b7))
|
|
39
|
+
|
|
1
40
|
# [3.81.0](https://github.com/dialpad/dialtone-vue/compare/v3.80.2...v3.81.0) (2023-08-16)
|
|
2
41
|
|
|
3
42
|
|
package/README.md
CHANGED
|
@@ -15,21 +15,21 @@ Dialtone Vue is available in Vue 2 as well as Vue 3:
|
|
|
15
15
|
|
|
16
16
|
You can install the Dialtone Vue library into your project via the following commands:
|
|
17
17
|
|
|
18
|
-
- Vue 2: `npm install @dialpad/dialtone-vue`
|
|
19
|
-
- Vue 3: `npm install @dialpad/dialtone-vue@vue3`
|
|
18
|
+
- Vue 2: `npm install @dialpad/dialtone @dialpad/dialtone-vue`
|
|
19
|
+
- Vue 3: `npm install @dialpad/dialtone @dialpad/dialtone-vue@vue3`
|
|
20
20
|
|
|
21
21
|
## Usage
|
|
22
22
|
|
|
23
|
-
First you must globally import
|
|
23
|
+
First you must globally import Dialtone's css:
|
|
24
24
|
|
|
25
25
|
```js
|
|
26
|
-
import '@dialpad/dialtone
|
|
26
|
+
import '@dialpad/dialtone/lib/dist/css/dialtone.min.css';
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
or
|
|
30
30
|
|
|
31
31
|
```css
|
|
32
|
-
@import 'node_modules/@dialpad/dialtone
|
|
32
|
+
@import 'node_modules/@dialpad/dialtone/lib/dist/css/dialtone.min.css';
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
Dialtone Vue components can be imported directly from the package. Some components also export named constants, which can be imported as well:
|
|
@@ -44,11 +44,13 @@ Projects using Dialtone Vue should be aware of the requirements:
|
|
|
44
44
|
- A tool like Webpack must be used to package the SFC components from Dialtone Vue.
|
|
45
45
|
- LESS preprocessor support for Vue SFC `<style>` blocks.
|
|
46
46
|
|
|
47
|
-
These requirements are enforced via
|
|
47
|
+
These requirements are enforced via peer dependencies of Dialtone Vue when possible.
|
|
48
48
|
|
|
49
49
|
## Emojis
|
|
50
50
|
|
|
51
|
-
Dialtone Vue uses [JoyPixels](https://www.joypixels.com/) to render emojis. If you are using the emoji components, Dialtone Vue will use the free
|
|
51
|
+
Dialtone Vue uses [JoyPixels](https://www.joypixels.com/) to render emojis. If you are using the emoji components, Dialtone Vue will use the free JoyPixels assets hosted on JSDelivr CDN by default.
|
|
52
|
+
You may wish to use self-hosted JoyPixels assets such as the SVGs only available to premium license holders.
|
|
53
|
+
In order to do this, set your custom asset URL with the following functions for small and large emojis during initialization of your app:
|
|
52
54
|
|
|
53
55
|
```js
|
|
54
56
|
import { setEmojiAssetUrlSmall, setEmojiAssetUrlLarge } from '@dialpad/dialtone-vue/emoji'
|
|
@@ -92,4 +94,4 @@ Requesting a feature or reporting a bug? Please do so at the below links:
|
|
|
92
94
|
- [Request Feature](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10901&pid=12428)
|
|
93
95
|
- [Report Bug](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10878&pid=12428)
|
|
94
96
|
|
|
95
|
-
Please also feel free to contact us via the [#dialtone
|
|
97
|
+
Please also feel free to contact us via the [#dialtone Slack channel](https://dialpad.slack.com/messages/dialtone/) with any questions
|