@dialpad/dialtone-icons 0.0.10 → 0.0.12
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/README.md +26 -17
- package/dist/dialtone-icons.common.js +62 -0
- package/dist/dialtone-icons.umd.js +62 -0
- package/dist/dialtone-icons.umd.min.js +1 -1
- package/dist/icons.json +1980 -0
- package/dist/svg/transfer-webchat.svg +1 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -1,29 +1,38 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Dialtone Icons
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
```
|
|
5
|
-
npm install
|
|
6
|
-
```
|
|
3
|
+
This is the home for Dialtone icons. It includes the resources needed to implement icons on your application that conform to Dialpad’s design principles and best practices.
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
```
|
|
5
|
+
## Install Dialtone icons via NPM
|
|
6
|
+
|
|
7
|
+
To add Dialtone icons into your project, you can install it via NPM:
|
|
12
8
|
|
|
13
|
-
|
|
9
|
+
**For Vue 2 projects:**
|
|
14
10
|
```
|
|
15
|
-
npm
|
|
11
|
+
npm install --save @dialpad/dialtone-icons
|
|
16
12
|
```
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
**For Vue 3 projects:**
|
|
19
15
|
```
|
|
20
|
-
npm
|
|
16
|
+
npm install --save @dialpad/dialtone-icons@vue3
|
|
21
17
|
```
|
|
22
18
|
|
|
23
|
-
|
|
19
|
+
Once installed, you can import icons like:
|
|
24
20
|
```
|
|
25
|
-
|
|
21
|
+
import { Accessibility } from '@dialpad/dialtone-icons';
|
|
26
22
|
```
|
|
27
23
|
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
## Releasing
|
|
25
|
+
|
|
26
|
+
If you need to add icons, follow the next steps to get your icons published.
|
|
27
|
+
|
|
28
|
+
1. Place the `.svg` files into `src/svg` folder.
|
|
29
|
+
2. Commit your changes.
|
|
30
|
+
3. Update the version on [package file](./package.json).
|
|
31
|
+
4. Run `npm install`
|
|
32
|
+
5. Commit the `package.json and package-lock.json` changes with message: 'chore: release ${version}'
|
|
33
|
+
6. Push your changes.
|
|
34
|
+
7. Run `npm run release`
|
|
35
|
+
|
|
36
|
+
## Questions?
|
|
37
|
+
|
|
38
|
+
If you have a question, please feel free to [open an issue](https://github.com/dialpad/dialtone-icons/issues/new).
|
|
@@ -420,6 +420,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
420
420
|
"Tools": function() { return /* reexport */ Tools; },
|
|
421
421
|
"ToyBrick": function() { return /* reexport */ ToyBrick; },
|
|
422
422
|
"Transfer": function() { return /* reexport */ Transfer; },
|
|
423
|
+
"TransferWebchat": function() { return /* reexport */ TransferWebchat; },
|
|
423
424
|
"Trash": function() { return /* reexport */ Trash; },
|
|
424
425
|
"TrendingDown": function() { return /* reexport */ TrendingDown; },
|
|
425
426
|
"TrendingUp": function() { return /* reexport */ TrendingUp; },
|
|
@@ -19230,6 +19231,66 @@ var Transfer_component = normalizeComponent(
|
|
|
19230
19231
|
)
|
|
19231
19232
|
|
|
19232
19233
|
/* harmony default export */ var Transfer = (Transfer_component.exports);
|
|
19234
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/icons/TransferWebchat.vue?vue&type=template&id=bb24f400&
|
|
19235
|
+
var TransferWebchatvue_type_template_id_bb24f400_render = function render() {
|
|
19236
|
+
var _vm = this,
|
|
19237
|
+
_c = _vm._self._c;
|
|
19238
|
+
return _c('svg', {
|
|
19239
|
+
staticClass: "d-icon d-icon--transferWebchat",
|
|
19240
|
+
attrs: {
|
|
19241
|
+
"aria-hidden": "true",
|
|
19242
|
+
"data-name": "Transfer Webchat",
|
|
19243
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
19244
|
+
"viewBox": "0 0 12 12"
|
|
19245
|
+
}
|
|
19246
|
+
}, [_c('g', {
|
|
19247
|
+
attrs: {
|
|
19248
|
+
"clip-path": "url(#a)",
|
|
19249
|
+
"fill": "currentColor"
|
|
19250
|
+
}
|
|
19251
|
+
}, [_c('path', {
|
|
19252
|
+
attrs: {
|
|
19253
|
+
"fill-rule": "evenodd",
|
|
19254
|
+
"d": "M6.706 3.5a.5.5 0 0 1 .5-.5h2.905a1.39 1.39 0 0 1 1.39 1.386v4.427a1.384 1.384 0 0 1-1.39 1.385H5.192a.502.502 0 0 0-.354.146l-.916.913c-.522.52-1.422.155-1.422-.59v-2.48a.5.5 0 1 1 1 0v2.079l.632-.63c.282-.28.663-.438 1.06-.438h4.92a.39.39 0 0 0 .275-.113.384.384 0 0 0 .113-.272V4.386c0-.102-.04-.2-.113-.272A.39.39 0 0 0 10.111 4H7.206a.5.5 0 0 1-.5-.5Z",
|
|
19255
|
+
"clip-rule": "evenodd"
|
|
19256
|
+
}
|
|
19257
|
+
}), _c('path', {
|
|
19258
|
+
attrs: {
|
|
19259
|
+
"d": "M3.897 1.147a.5.5 0 0 1 .707 0l1.25 1.25a.5.5 0 0 1 0 .707l-1.25 1.25a.5.5 0 0 1-.707-.707l.396-.397H2.5a.5.5 0 0 1 0-1h1.793l-.396-.396a.5.5 0 0 1 0-.707Zm-1.293 2.5a.5.5 0 0 1 0 .707l-.397.396H4a.5.5 0 1 1 0 1H2.207l.397.397a.5.5 0 0 1-.707.707l-1.25-1.25a.5.5 0 0 1 0-.707l1.25-1.25a.5.5 0 0 1 .707 0Z"
|
|
19260
|
+
}
|
|
19261
|
+
})]), _c('defs', [_c('clipPath', {
|
|
19262
|
+
attrs: {
|
|
19263
|
+
"id": "a"
|
|
19264
|
+
}
|
|
19265
|
+
}, [_c('path', {
|
|
19266
|
+
attrs: {
|
|
19267
|
+
"fill": "#fff",
|
|
19268
|
+
"d": "M0 0h12v12H0z",
|
|
19269
|
+
"transform": "matrix(1 0 0 -1 0 12)"
|
|
19270
|
+
}
|
|
19271
|
+
})])])]);
|
|
19272
|
+
};
|
|
19273
|
+
var TransferWebchatvue_type_template_id_bb24f400_staticRenderFns = [];
|
|
19274
|
+
|
|
19275
|
+
;// CONCATENATED MODULE: ./src/icons/TransferWebchat.vue
|
|
19276
|
+
|
|
19277
|
+
var TransferWebchat_script = {}
|
|
19278
|
+
|
|
19279
|
+
|
|
19280
|
+
/* normalize component */
|
|
19281
|
+
;
|
|
19282
|
+
var TransferWebchat_component = normalizeComponent(
|
|
19283
|
+
TransferWebchat_script,
|
|
19284
|
+
TransferWebchatvue_type_template_id_bb24f400_render,
|
|
19285
|
+
TransferWebchatvue_type_template_id_bb24f400_staticRenderFns,
|
|
19286
|
+
false,
|
|
19287
|
+
null,
|
|
19288
|
+
null,
|
|
19289
|
+
null
|
|
19290
|
+
|
|
19291
|
+
)
|
|
19292
|
+
|
|
19293
|
+
/* harmony default export */ var TransferWebchat = (TransferWebchat_component.exports);
|
|
19233
19294
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/icons/Trash.vue?vue&type=template&id=3f1db838&
|
|
19234
19295
|
var Trashvue_type_template_id_3f1db838_render = function render() {
|
|
19235
19296
|
var _vm = this,
|
|
@@ -21583,6 +21644,7 @@ var ZoomOut_component = normalizeComponent(
|
|
|
21583
21644
|
|
|
21584
21645
|
|
|
21585
21646
|
|
|
21647
|
+
|
|
21586
21648
|
|
|
21587
21649
|
|
|
21588
21650
|
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
|
|
@@ -430,6 +430,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
430
430
|
"Tools": function() { return /* reexport */ Tools; },
|
|
431
431
|
"ToyBrick": function() { return /* reexport */ ToyBrick; },
|
|
432
432
|
"Transfer": function() { return /* reexport */ Transfer; },
|
|
433
|
+
"TransferWebchat": function() { return /* reexport */ TransferWebchat; },
|
|
433
434
|
"Trash": function() { return /* reexport */ Trash; },
|
|
434
435
|
"TrendingDown": function() { return /* reexport */ TrendingDown; },
|
|
435
436
|
"TrendingUp": function() { return /* reexport */ TrendingUp; },
|
|
@@ -19240,6 +19241,66 @@ var Transfer_component = normalizeComponent(
|
|
|
19240
19241
|
)
|
|
19241
19242
|
|
|
19242
19243
|
/* harmony default export */ var Transfer = (Transfer_component.exports);
|
|
19244
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/icons/TransferWebchat.vue?vue&type=template&id=bb24f400&
|
|
19245
|
+
var TransferWebchatvue_type_template_id_bb24f400_render = function render() {
|
|
19246
|
+
var _vm = this,
|
|
19247
|
+
_c = _vm._self._c;
|
|
19248
|
+
return _c('svg', {
|
|
19249
|
+
staticClass: "d-icon d-icon--transferWebchat",
|
|
19250
|
+
attrs: {
|
|
19251
|
+
"aria-hidden": "true",
|
|
19252
|
+
"data-name": "Transfer Webchat",
|
|
19253
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
19254
|
+
"viewBox": "0 0 12 12"
|
|
19255
|
+
}
|
|
19256
|
+
}, [_c('g', {
|
|
19257
|
+
attrs: {
|
|
19258
|
+
"clip-path": "url(#a)",
|
|
19259
|
+
"fill": "currentColor"
|
|
19260
|
+
}
|
|
19261
|
+
}, [_c('path', {
|
|
19262
|
+
attrs: {
|
|
19263
|
+
"fill-rule": "evenodd",
|
|
19264
|
+
"d": "M6.706 3.5a.5.5 0 0 1 .5-.5h2.905a1.39 1.39 0 0 1 1.39 1.386v4.427a1.384 1.384 0 0 1-1.39 1.385H5.192a.502.502 0 0 0-.354.146l-.916.913c-.522.52-1.422.155-1.422-.59v-2.48a.5.5 0 1 1 1 0v2.079l.632-.63c.282-.28.663-.438 1.06-.438h4.92a.39.39 0 0 0 .275-.113.384.384 0 0 0 .113-.272V4.386c0-.102-.04-.2-.113-.272A.39.39 0 0 0 10.111 4H7.206a.5.5 0 0 1-.5-.5Z",
|
|
19265
|
+
"clip-rule": "evenodd"
|
|
19266
|
+
}
|
|
19267
|
+
}), _c('path', {
|
|
19268
|
+
attrs: {
|
|
19269
|
+
"d": "M3.897 1.147a.5.5 0 0 1 .707 0l1.25 1.25a.5.5 0 0 1 0 .707l-1.25 1.25a.5.5 0 0 1-.707-.707l.396-.397H2.5a.5.5 0 0 1 0-1h1.793l-.396-.396a.5.5 0 0 1 0-.707Zm-1.293 2.5a.5.5 0 0 1 0 .707l-.397.396H4a.5.5 0 1 1 0 1H2.207l.397.397a.5.5 0 0 1-.707.707l-1.25-1.25a.5.5 0 0 1 0-.707l1.25-1.25a.5.5 0 0 1 .707 0Z"
|
|
19270
|
+
}
|
|
19271
|
+
})]), _c('defs', [_c('clipPath', {
|
|
19272
|
+
attrs: {
|
|
19273
|
+
"id": "a"
|
|
19274
|
+
}
|
|
19275
|
+
}, [_c('path', {
|
|
19276
|
+
attrs: {
|
|
19277
|
+
"fill": "#fff",
|
|
19278
|
+
"d": "M0 0h12v12H0z",
|
|
19279
|
+
"transform": "matrix(1 0 0 -1 0 12)"
|
|
19280
|
+
}
|
|
19281
|
+
})])])]);
|
|
19282
|
+
};
|
|
19283
|
+
var TransferWebchatvue_type_template_id_bb24f400_staticRenderFns = [];
|
|
19284
|
+
|
|
19285
|
+
;// CONCATENATED MODULE: ./src/icons/TransferWebchat.vue
|
|
19286
|
+
|
|
19287
|
+
var TransferWebchat_script = {}
|
|
19288
|
+
|
|
19289
|
+
|
|
19290
|
+
/* normalize component */
|
|
19291
|
+
;
|
|
19292
|
+
var TransferWebchat_component = normalizeComponent(
|
|
19293
|
+
TransferWebchat_script,
|
|
19294
|
+
TransferWebchatvue_type_template_id_bb24f400_render,
|
|
19295
|
+
TransferWebchatvue_type_template_id_bb24f400_staticRenderFns,
|
|
19296
|
+
false,
|
|
19297
|
+
null,
|
|
19298
|
+
null,
|
|
19299
|
+
null
|
|
19300
|
+
|
|
19301
|
+
)
|
|
19302
|
+
|
|
19303
|
+
/* harmony default export */ var TransferWebchat = (TransferWebchat_component.exports);
|
|
19243
19304
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/icons/Trash.vue?vue&type=template&id=3f1db838&
|
|
19244
19305
|
var Trashvue_type_template_id_3f1db838_render = function render() {
|
|
19245
19306
|
var _vm = this,
|
|
@@ -21593,6 +21654,7 @@ var ZoomOut_component = normalizeComponent(
|
|
|
21593
21654
|
|
|
21594
21655
|
|
|
21595
21656
|
|
|
21657
|
+
|
|
21596
21658
|
|
|
21597
21659
|
|
|
21598
21660
|
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
|