@inriver/inri 1.7.0 → 1.9.0

package/configs/base-tailwind-config.js

@@ -1,4 +1,4 @@
-module.exports = {
+const baseTailwindConfig = {
   preflight: false,
   darkMode: false,
   theme: {
@@ -147,3 +147,5 @@ module.exports = {
     'text-green',
   ],
 }
+
+module.exports = baseTailwindConfig

package/index.ts

@@ -10,6 +10,8 @@ import { useDoubleClickListener } from './src/composables/useDoubleClickListener
 import { useDirtyCheck } from './src/composables/useDirtyCheck'
 import { useTruncateChips } from './src/composables/useTruncateChips'
 import { initInriIcons } from './src/plugins/inriIcons'
+import baseTailwindConfig  from './configs/base-tailwind-config'
+
 export {
   useInriStore,
   useInterfaceLanguageStore,
@@ -23,4 +25,5 @@ export {
   useDirtyCheck,
   useTruncateChips,
   initInriIcons,
+  baseTailwindConfig,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "peerDependencies": {
     "quasar": "2.12.1",
     "vue": "^3.3.4",
@@ -30,10 +30,6 @@
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-webpack-plugin": "^3.0.1",
-    "typescript": "~4.1.5",
-    "vue-cli-plugin-quasar": "~4.0.4",
-    "webpack": "^5.88.1",
-    "windicss-webpack-plugin": "^1.7.8",
-    "tailwindcss": "^2.2.16"
+    "typescript": "~4.1.5"
   }
 }

package/src/init/initInriFramework.ts

@@ -1,19 +1,27 @@
-import '../styles/main.scss'
-import 'windi.css'
 import { App } from 'vue'
+
+// Quasar specific 
 import { Quasar, Notify, Dialog, Meta } from 'quasar'
-import { quasarUserOptions } from '../plugins/quasar-user-options'
+import iconSet from 'quasar/icon-set/mdi-v6'
+iconSet.field.error = 'mdi-alert-circle-outline'
+import '@quasar/extras/mdi-v6/mdi-v6.css'
+
+// Register components
 import { registerComponents } from '../plugins/library'
 import { registerAppConfigurations } from '../plugins/globalAppConfig'
+
+// i18n
 // import { i18n } from '../plugins/i18n'
+
+// Error handling
 import logger from '../plugins/errors/logger'
 import { VueErrorHandler } from '../plugins/errors/vueErrorHandler'
 import '../plugins/errors/globalErrorHandler'
-import { initInriIcons } from '../plugins/inriIcons'
 
-import iconSet from 'quasar/icon-set/mdi-v6'
-import '@quasar/extras/mdi-v6/mdi-v6.css'
-iconSet.field.error = 'mdi-alert-circle-outline'
+// Styles
+import 'quasar/src/css/index.sass';
+import '../styles/main.scss'
+import '../styles/tailwind/index.css'
 
 export const initInriFramework = (Vue: App): void => {
   // Register C-components
@@ -22,7 +30,7 @@ export const initInriFramework = (Vue: App): void => {
   // Register global application configurations
   registerAppConfigurations(Vue)
 
-  Vue.use(Quasar, {
+  Vue.use(Quasar as any, {
     plugins: {
       Notify,
       Dialog,

package/src/styles/tailwind/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/webpack.config.js

@@ -1,8 +0,0 @@
-import WindiCSSWebpackPlugin from 'windicss-webpack-plugin'
-
-export default {
-  // ...
-  plugins: [
-    new WindiCSSWebpackPlugin(),
-  ],
-}