From 408bf483a1005e53dfc4f3183abd09da83bd7389 Mon Sep 17 00:00:00 2001 From: Nicholas Ruffing Date: Sat, 6 Jan 2024 14:53:33 -0500 Subject: [PATCH] add styles as a package export for easier referencing - closes #9 --- README.md | 3 +++ dev-app/package.json | 3 +-- dev-app/public/favicon.ico | Bin 0 -> 15086 bytes dev-app/src/main.ts | 3 ++- package.json | 3 ++- pnpm-lock.yaml | 15 ++++++--------- vuepress/guide/README.md | 6 +++--- vuepress/shared/changelog.md | 3 +++ vuepress/theme/README.md | 2 +- 9 files changed, 21 insertions(+), 17 deletions(-) create mode 100644 dev-app/public/favicon.ico diff --git a/README.md b/README.md index 63b1108..0bf8cfe 100755 --- a/README.md +++ b/README.md @@ -135,6 +135,9 @@ Customizable native Vue3 data grid with very limited dependencies. Leverages a f ## Release Notes +### v3.2.0 + - [#9](https://github.com/nruffing/data-grid-vue/issues/9): Add package export so styles can be loaded via `data-grid-vue/style`. + ### v3.1.0 - Update ['dragon-drop-vue'](https://www.npmjs.com/package/dragon-drop-vue) dependency to v1.1.0 - update development dependencies diff --git a/dev-app/package.json b/dev-app/package.json index 3f71dab..e1456da 100755 --- a/dev-app/package.json +++ b/dev-app/package.json @@ -37,7 +37,6 @@ "vue-tsc": "^1.8.25" }, "dependencies": { - "debounce": "^2.0.0", - "dragon-drop-vue": "^1.1.0" + "data-grid-vue": "workspace:*" } } diff --git a/dev-app/public/favicon.ico b/dev-app/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..e481e5dda71327b885d4797cac93939d8030d0d6 GIT binary patch literal 15086 zcmeI2eQZ@{9mk)p&@xv73ES+pKU&Nj`(tm3yDbc8dlLg#kyS!60xPsw=$J()2(q=% z7I4!)=9Vqd$jpq6Z5S8ljJg)1>7of@jEQy$(Jb1SAc>OL1f~QT$ItiNb8gQ)J?A;+ z-WIq^xXHKA+wbN3yqu@!`JKm@3R7twddQI0o8zA}rok9fU+fPVnx#Y&*8zb;h7=gpX*+s%ffoqr}ysN=657puJaxcSs4LI*%O}X<8 z@`LjN@GIbWP<}yBrkwL|?E#lP?&^c`J>|^V=LXNa!D--+y`QSCtp5YS?tOI|v@*2rH z`(9Y?;xKuuY|d8QwdeypD!>sdANUTu+2U+{ywQd7Df%Fr6<50t_{e}WR{p$u?iyU` zZ2C;bh4M-Ap3ThFE61yaP0klFb8UrOu{;nkDW8gAA9$JKZ8Qf!7}{6 z{PktdrqeZWp7cmY_sAN)bH)3u>7dh7#pAQ{P~=!1M# zPPY%(XafJT@_#4m?Cc9Yvp(l=$~uzlVRWoEb3U7R&9>)zV=4U6y%YS- zYM-&+_u_JA^Xl~6{pVUb(oHc3;&5lNeL$xV#GeV_KKP>+XIp2?ei<5bpLafG9Z6R< z68azxeZ}xc{sAx!;^!CsyN^u1$t#T4kF9+UJ828+X0GJax3m>3Gz>U-Epu(Y3yDj-b4azii27igzP%<4a}qkG5`L zJrfT7q{Z3(#A5q?*_t`q`DjC}pMwPCu3=l4 zyI)qDWMcKPEgwldJg)BgB>yq+npKB&)BnA|nQ$s^w@-}k$d+}DvCo&?MuUv7|9Oz zeYa`2qpe|>wKI(0D4bwihuA9|a{7vH9UD#;ppUkzia?pEV>KXGcEdOFrd0j+a-TI9~pUvN9|dvmqH3F6qWMHMY_9~iGql=PCK@V10K182U}Q8d*0X2{u3Z)EZUdJ* zA93Taddb9|HA?Z1y?XE`Q0SNQL(KcUWa~@u71qIy&XCVU`R+f~>U^6ZN64&Ak& z@C?SB7sNL?n_A+P(p_810HAjp_%)ca=5~LT?>V8fs_J6afo$AXEC+OY!G{I@>HC4# zBjSsUfg3NRErNq=^cLeE`9;7d>e_455hrhG2c&QYf%~w$mzS(i(%hxeD7uA zdu=iCJ^ZWfDP&^SqHHFf1(9h1=feKo_}q5;_Y61QhD=PnO*UI>V?evU3+bI|%9`8z z4W74z_?p(FWF#B04rEidW54^*)(-SeHR+!<=iZr!ijTEs&TuY1Q}8S>4{p3G`fi16 zw?~Zu^>=~a7x?ygxbdyf^M=pM>^)x+lrP|btR-G0A9sa0PKX&EV#1};IO$h z^KNHb!vaD10{@JGZS{2=%{m>hTV?wy0)$oSHE;-+oB4dwBFKFpy9-I%)x z^7WwfNfl@LPT04eq5a>CzB9lYJ4VbczppE=x&r@<74a0;M$GdlpYr_}D14{V9{(2K z{JSE)VX@wbS5CRlqPnQHC>ydB@jS?;j;z)2tQJ;@!Xll18%eG1|fb$hpOT{7ja zwCdD`{HdUhY{-^u`u4q4KIMC^2R-{ajAUz=yPC&8{csJof|$!($G+dH4f(l29ogvV zeWZr|PukDVqYH_@u;uH!?)PsDSVituWe$1QR5lep8Ls$QET8eO)7e!C! zf?s-2SBmc(K$}db~138V^*8;k}4b>%%B{GY_S?LeG-Qq%d zuWqr812Q**S$9-!I(#p1ilud?1-9ed=!qzX9$Y z(4O7i{?7jlwpt!u-R&b}OHS;`s@AKGj?>VW>)7N}RN4l%QIn^ILUT~-A zH2=dtA)tR+-?7}gM96qH&Uw18kiJLV81prToW8k@@xOPg-$&(Dr#8t**3}u#O1D;E zd~5liP}{yDQ;Y1!*`KTO`s7uoHpxiV*Yjh!R}@nPmz#;95=10'} dev: true - /chromedriver@120.0.0: - resolution: {integrity: sha512-LGy2LhWRBiqDarFIU8gQ43EEyj+07Tc3JuUhthkESAwZ99lrifSnKZwKU0aVwansU84+k6bt71z7K3dkk65gZg==} + /chromedriver@120.0.1: + resolution: {integrity: sha512-ETTJlkibcAmvoKsaEoq2TFqEsJw18N0O9gOQZX6Uv/XoEiOV8p+IZdidMeIRYELWJIgCZESvlOx5d1QVnB4v0w==} engines: {node: '>=18'} hasBin: true requiresBuild: true diff --git a/vuepress/guide/README.md b/vuepress/guide/README.md index aec6e2f..f94c6da 100755 --- a/vuepress/guide/README.md +++ b/vuepress/guide/README.md @@ -37,7 +37,7 @@ import { createApp } from 'vue' import App from './App.vue' import { DataGridVue } from 'data-grid-vue' -import '../node_modules/data-grid-vue/dist/style.css' +import 'data-grid-vue/style' createApp(App).use(DataGridVue).mount('#app') ``` @@ -46,7 +46,7 @@ createApp(App).use(DataGridVue).mount('#app') Make sure to import the data grid core styles prior to any application-specific styles to be able to override the values of the predefined CSS Variables. -The styles and variables can be imported from `../node_modules/data-grid-vue/dist/style.css`. +The styles and variables can be imported from `data-grid-vue/style`. ### Plugin Options @@ -55,7 +55,7 @@ The `DataGridVue` plugin has additional options that can be specified. These opt ```ts import { DataGridVue, type DataGridVueOptions } from 'data-grid-vue' -import '../node_modules/data-grid-vue/dist/style.css' +import 'data-grid-vue/style' const dataGridVueOptions = { dataGridComponentName: 'custom-data-grid', diff --git a/vuepress/shared/changelog.md b/vuepress/shared/changelog.md index 28dc3b9..f80b3f6 100755 --- a/vuepress/shared/changelog.md +++ b/vuepress/shared/changelog.md @@ -2,6 +2,9 @@ ## Release Notes +### v3.2.0 + - [#9](https://github.com/nruffing/data-grid-vue/issues/9): Add package export so styles can be loaded via `data-grid-vue/style`. + ### v3.1.0 - Update ['dragon-drop-vue'](https://www.npmjs.com/package/dragon-drop-vue) dependency to v1.1.0 - update development dependencies diff --git a/vuepress/theme/README.md b/vuepress/theme/README.md index 5552fe8..f27aa54 100755 --- a/vuepress/theme/README.md +++ b/vuepress/theme/README.md @@ -43,7 +43,7 @@ Here is a high level overview of the HTML that gets rendered. Including the data grid's core styles will come with the CSS variables below. The below also includes their default values. The data grid can be themed by adjusting the values of these CSS variables. The core stylesheet can be loaded using an import statement similar to the following in your `main.ts` file. It is recommended to import it prior to any application stylesheets to be able to properly override the variable values. ```ts -import '../node_modules/data-grid-vue/dist/style.css' +import 'data-grid-vue/style' ``` ::: tip Note