diff --git a/docs/.vuepress/theme/client.js b/docs/.vuepress/theme/client.js index 584ef534994..297fcbd5b94 100644 --- a/docs/.vuepress/theme/client.js +++ b/docs/.vuepress/theme/client.js @@ -6,6 +6,7 @@ import NotFound from './layouts/NotFound.vue'; import '@projectRoot/lib/dist/css/dialtone.css'; import './assets/less/dialtone-docs.less'; import './assets/less/dialtone-syntax.less'; +import '@dialpad/dialtone-vue/css'; import { onBeforeMount, provide, ref } from 'vue'; export default defineClientConfig({ diff --git a/docs/about/whats-new/posts/2023-8-14.md b/docs/about/whats-new/posts/2023-8-14.md deleted file mode 100644 index fa6b07c4927..00000000000 --- a/docs/about/whats-new/posts/2023-8-14.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -heading: Dialtone Vue CSS bundled in Dialtone -author: Tico Ortega -posted: '2023-8-14' ---- - - - - -Hey everyone, I'd like communicate some recent updates to Dialtone's infrastructure. -There is one small breaking change that consumers of Dialtone Vue will need to make after this update. - -The Dialtone developers will make this update in Dialpad, but if you maintain an app separate from Dialpad you'll have to make this update yourself. - -## Breaking change - -Dialtone Vue's CSS file is now bundled into Dialtone's CSS file, so you no longer need to import Dialtone Vue's CSS file into your code, please remove any of the following lines: - -```js -import '@dialpad/dialtone-vue/css'; -``` - -or within another css file: - -```css -@import 'node_modules/@dialpad/dialtone-vue/dist/style.css'; -``` - - - - diff --git a/gulpfile.js b/gulpfile.js index 76bab2d4443..2deb60bcfdb 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -52,7 +52,6 @@ const { src, dest, watch, series, parallel } = require('gulp'); const del = require('del'); const rename = require('gulp-rename'); const cache = require('gulp-cached'); -const concat = require('gulp-concat'); const through2 = require('through2'); const argv = require('yargs').argv; @@ -115,7 +114,6 @@ const paths = { styles: { inputLib: './lib/build/less/dialtone.less', outputLib: './lib/dist/css/', - dialtoneVue: './node_modules/@dialpad/dialtone-vue/dist/style.css', }, svgs: { sysInput: './lib/build/svg/system/**/*.svg', @@ -215,9 +213,7 @@ const libStyles = function (done) { .pipe(less()) // compile less to css .pipe(replace('../../fonts/', '../fonts/')) .pipe(postCSS([postCSSDialtoneGenerator, postCSSResponsify])) - .pipe(src(paths.styles.dialtoneVue)) .pipe(postCSS([autoprefixer()])) - .pipe(concat('dialtone.css')) .pipe(dest(paths.styles.outputLib)) .pipe(postCSS([postCSSNano])) .pipe(rename({ suffix: '.min' })) @@ -233,9 +229,7 @@ const libStylesDev = function (done) { .pipe(sourcemaps.init()) .pipe(less()) // compile less to css .pipe(postCSS([postCSSDialtoneGenerator, postCSSResponsify])) - .pipe(src(paths.styles.dialtoneVue)) .pipe(postCSS([autoprefixer()])) - .pipe(concat('dialtone.css')) .pipe(sourcemaps.mapSources(function (sourcePath) { return '../../build/less/' + sourcePath; }))