@inriver/inri 1.11.0 → 1.12.0

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.eslintrc.js

@@ -1,5 +1,5 @@
 const baseConfig = require('./configs/base-eslint-config.js')
 
 module.exports = {
-  ...baseConfig
+  ...baseConfig,
 }

package/configs/base-tailwind-config.js

@@ -1,74 +1,4 @@
 const baseTailwindConfig = {
-  preflight: false,
-  darkMode: false,
-  theme: {
-    extend: {
-      zIndex: {
-        '-1': '-1',
-      },
-    },
-    colors: {
-      current: 'currentColor',
-
-      grey: 'var(--color-grey)',
-      'grey-light': 'var(--color-grey-light)',
-      'grey-lighter': 'var(--color-grey-lighter)',
-      'grey-dark': 'var(--color-grey-dark)',
-      'grey-darker': 'var(--color-grey-darker)',
-      'grey-darkest': 'var(--color-grey-darkest)',
-
-      blue: 'var(--color-blue)',
-      'blue-light': 'var(--color-blue-light)',
-      purple: 'var(--color-purple)',
-      'purple-light': 'var(--color-purple-light)',
-      red: 'var(--color-red)',
-      'red-light': 'var(--color-red-light)',
-      orange: 'var(--color-orange)',
-      'orange-light': 'var(--color-orange-light)',
-      yellow: 'var(--color-yellow)',
-      'yellow-light': 'var(--color-yellow-light)',
-      green: 'var(--color-green)',
-      'green-light': 'var(--color-green-light)',
-      'green-light-30': 'var(--color-green-light-30)',
-
-      primary: 'var(--q-primary)',
-      'on-primary': 'var(--on-primary-color)',
-      'on-primary-alt': 'var(--on-primary-alt-color)',
-      'primary-effect': 'var(--primary-effect-color)',
-
-      secondary: 'var(--q-secondary)',
-      'on-secondary': 'var(--on-secondary-color)',
-      'on-secondary-alt': 'var(--on-secondary-alt-color)',
-      'secondary-effect': 'var(--secondary-effect-color)',
-
-      accent: 'var(--q-accent)',
-      'on-accent': 'var(--on-accent-color)',
-      'on-accent-alt': 'var(--on-accent-alt-color)',
-      'accent-effect': 'var(--accent-effect-color)',
-
-      surface: 'var(--surface-color)',
-      'on-surface': 'var(--on-surface-color)',
-      'surface-effect': 'var(--surface-effect-color)',
-      'surface-border': 'var(--surface-border-color)',
-
-      // Color aliases
-      'border-default': 'var(--color-border)',
-    },
-    // Make sure that these match the Quasar breakpoints
-    screens: {
-      sm: '600px',
-      md: '1024px',
-      lg: '1440px',
-      xl: '1920px',
-    },
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
-
-  // These are colors that can be used by Quasar, but are generated at runtime. These must always be included.
-  // For example color="blue-light" will generate "bg-blue-light" so it has to be included in this list.
   safelist: [
     'bg-grey-light',
     'bg-grey-lighter',
@@ -108,6 +38,7 @@ const baseTailwindConfig = {
     'bg-accent-effect',
     'bg-on-surface',
     'bg-surface-effect',
+    'bg-surface',
 
     'text-on-primary',
     'text-on-primary-alt',
@@ -121,9 +52,8 @@ const baseTailwindConfig = {
     'text-on-surface',
     'text-surface-effect',
   ],
-
   // These are already included in Quasar so we don't have to create them again
-  blocklist: [
+   blocklist: [
     'bg-primary',
     'bg-secondary',
     'bg-accent',
@@ -146,6 +76,71 @@ const baseTailwindConfig = {
     'text-yellow',
     'text-green',
   ],
+theme: {
+    extend: {
+      zIndex: {
+        '-1': '-1',
+      },
+      colors: {
+        current: 'currentColor',
+  
+        grey: 'var(--color-grey)',
+        'grey-light': 'var(--color-grey-light)',
+        'grey-lighter': 'var(--color-grey-lighter)',
+        'grey-dark': 'var(--color-grey-dark)',
+        'grey-darker': 'var(--color-grey-darker)',
+        'grey-darkest': 'var(--color-grey-darkest)',
+  
+        blue: 'var(--color-blue)',
+        'blue-light': 'var(--color-blue-light)',
+        purple: 'var(--color-purple)',
+        'purple-light': 'var(--color-purple-light)',
+        red: 'var(--color-red)',
+        'red-light': 'var(--color-red-light)',
+        orange: 'var(--color-orange)',
+        'orange-light': 'var(--color-orange-light)',
+        yellow: 'var(--color-yellow)',
+        'yellow-light': 'var(--color-yellow-light)',
+        green: 'var(--color-green)',
+        'green-light': 'var(--color-green-light)',
+        'green-light-30': 'var(--color-green-light-30)',
+  
+        primary: 'var(--q-primary)',
+        'on-primary': 'var(--on-primary-color)',
+        'on-primary-alt': 'var(--on-primary-alt-color)',
+        'primary-effect': 'var(--primary-effect-color)',
+  
+        secondary: 'var(--q-secondary)',
+        'on-secondary': 'var(--on-secondary-color)',
+        'on-secondary-alt': 'var(--on-secondary-alt-color)',
+        'secondary-effect': 'var(--secondary-effect-color)',
+  
+        accent: 'var(--q-accent)',
+        'on-accent': 'var(--on-accent-color)',
+        'on-accent-alt': 'var(--on-accent-alt-color)',
+        'accent-effect': 'var(--accent-effect-color)',
+  
+        surface: 'var(--surface-color)',
+        'on-surface': 'var(--on-surface-color)',
+        'surface-effect': 'var(--surface-effect-color)',
+        'surface-border': 'var(--surface-border-color)',
+  
+        // Color aliases
+        'border-default': 'var(--color-border)',
+      },
+    },
+    // Make sure that these match the Quasar breakpoints
+    screens: {
+      sm: '600px',
+      md: '1024px',
+      lg: '1440px',
+      xl: '1920px',
+    },
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
 }
 
 module.exports = baseTailwindConfig

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "peerDependencies": {
     "quasar": "2.12.1",
     "vue": "^3.3.4",
@@ -31,5 +31,21 @@
     "stylelint-config-standard": "^22.0.0",
     "stylelint-webpack-plugin": "^3.0.1",
     "typescript": "~4.1.5"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{css,scss,sass,vue}": [
+      "stylelint --fix",
+      "git add"
+    ],
+    "*.{js,jsx,vue,ts,tsx}": [
+      "vue-cli-service lint",
+      "git add"
+    ]
+  },
+  "scripts": {
+    "lint": "vue-cli-service lint"
   }
 }

package/src/composables/useDialog.ts

@@ -33,7 +33,7 @@ export function useDialog (data?: object, immediate = true) {
     emit('after-confirm', returnValue)
 
     if (msg) {
-      notify.success(msg)
+      notify.success(msg)
     }
   }