@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/views/tour.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    links: {
+        name: string;
+        to: string;
+    }[];
+    tourSteps: ({
+        target: string;
+        title: string;
+        content: string;
+        placement: string;
+        tooltipWidth?: undefined;
+        fixedPositioning?: undefined;
+        clipPadding?: undefined;
+        skip?: undefined;
+    } | {
+        target: string;
+        title: string;
+        content: string;
+        placement: string;
+        tooltipWidth: string;
+        fixedPositioning: boolean;
+        clipPadding?: undefined;
+        skip?: undefined;
+    } | {
+        target: string;
+        title: string;
+        content: string;
+        placement: string;
+        clipPadding: number;
+        tooltipWidth?: undefined;
+        fixedPositioning?: undefined;
+        skip?: undefined;
+    } | {
+        target: string;
+        title: string;
+        content: string;
+        placement: string;
+        skip: () => boolean;
+        tooltipWidth?: undefined;
+        fixedPositioning?: undefined;
+        clipPadding?: undefined;
+    })[];
+    tour: import('vue').Ref<any, any>;
+    startTour: () => void;
+    onTourStop: () => void;
+    onTourStart: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,20 +1,29 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.4.1",
+    "version": "1.4.3",
     "type": "module",
+    "sideEffects": [
+        "**/*.css",
+        "**/*.scss"
+    ],
     "files": [
         "dist",
+        "tailwind.preset.ts",
         "src/assets/scss",
         "src/assets/illustrations"
     ],
-    "main": "./dist/index.umd.cjs",
     "module": "./dist/index.js",
+    "main": "./dist/index.js",
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "require": "./dist/index.umd.cjs"
+            "import": "./dist/index.js"
+        },
+        "./tailwind.preset": {
+            "types": "./tailwind.preset.ts",
+            "import": "./tailwind.preset.ts",
+            "require": "./tailwind.preset.ts"
         },
         "./dist/": {
             "import": "./dist/",
@@ -30,7 +39,7 @@
         }
     },
     "types": "dist/index.d.ts",
-    "description": "## Project setup ``` npm install ```",
+    "description": "Quore UI component library for Vue 3",
     "author": "Joel Nye <joel.nye@quore.com>",
     "scripts": {
         "dev": "vite --host",
@@ -40,13 +49,26 @@
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build"
     },
+    "peerDependencies": {
+        "vue": "^3.4.0",
+        "vue-router": "^4.0.0",
+        "vue-i18n": "^9.0.0 || ^10.0.0 || ^11.0.0"
+    },
+    "peerDependenciesMeta": {
+        "vue-router": {
+            "optional": true
+        },
+        "vue-i18n": {
+            "optional": true
+        }
+    },
     "dependencies": {
-        "pdfjs-dist": "^4.10.38",
-        "vue": "^3.5.26",
-        "vue-router": "^4.6.4"
+        "pdfjs-dist": "^4.10.38"
     },
     "devDependencies": {
         "@intlify/unplugin-vue-i18n": "^2.0.0",
+        "vue": "^3.5.26",
+        "vue-router": "^4.6.4",
         "@storybook/addon-designs": "^11.1.1",
         "@storybook/addon-docs": "^10.1.11",
         "@storybook/addon-links": "^10.1.11",
@@ -60,6 +82,7 @@
         "@tiptap/pm": "^3.15.3",
         "@tiptap/starter-kit": "^3.15.3",
         "@tiptap/vue-3": "^3.15.3",
+        "@types/node": "^22.19.6",
         "@typescript-eslint/eslint-plugin": "^8.52.0",
         "@typescript-eslint/parser": "^8.52.0",
         "@vitejs/plugin-vue": "^6.0.3",
@@ -84,6 +107,7 @@
         "tailwindcss": "^3.4.1",
         "typescript": "^5.2.2",
         "vite": "^7.3.1",
+        "vite-plugin-dts": "^4.5.4",
         "vue-datepicker-next": "^1.0.3",
         "vue-i18n": "^11.2.8",
         "vue-multiselect": "3.2.0",

package/tailwind.preset.ts

@@ -0,0 +1,245 @@
+import type { Config } from 'tailwindcss';
+
+/**
+ * Shared Tailwind CSS preset for Quore UI apps.
+ * Import this in your app's tailwind.config.ts and extend as needed.
+ *
+ * @example
+ * ```ts
+ * import quorePreset from '@quoreadmin/ui/tailwind.preset';
+ *
+ * export default {
+ *     presets: [quorePreset],
+ *     content: [
+ *         './index.html',
+ *         './src/**\/*.{vue,js,ts,jsx,tsx}',
+ *         './node_modules/@quoreadmin/ui/**\/*.{vue,js,ts,jsx,tsx}',
+ *     ],
+ *     // Add app-specific customizations here
+ * } satisfies Config;
+ * ```
+ */
+const quorePreset: Config = {
+    content: [], // Apps must define their own content paths
+    darkMode: 'class',
+    important: false,
+    theme: {
+        fontFamily: {
+            sans: [
+                'Lato',
+                '-apple-system',
+                'BlinkMacSystemFont',
+                'Segoe UI',
+                'Roboto',
+                'Oxygen',
+                'Ubuntu',
+                'Cantarell',
+                'Fira Sans',
+                'Droid Sans',
+                'Helvetica Neue',
+                'sans-serif',
+            ],
+            gellar: [
+                'GellerHeadline',
+                '-apple-system',
+                'BlinkMacSystemFont',
+                'Georgia',
+                'Times',
+                '"Times New Roman"',
+                'serif',
+            ],
+        },
+        fontSize: {
+            tiniest: '0.5rem', // 8px
+            tiny: '0.625rem', // 10px
+            xxs: '0.6875rem', // 11px
+            xs: '0.75rem', // 12px
+            sm: '0.875rem', // 14px
+            base: '1rem', // based on 16px base
+            md: '1.25rem', // 20px
+            lg: '1.5rem', // 24px
+            xl: '2.25rem', // 36px
+            '2xl': '3rem', // 48px
+            '3xl': '3.75rem', // 60px
+            '4xl': '4.5rem', // 72px
+        },
+        colors: {
+            success: '#0f6a13',
+            'success-light': '#e9f7da',
+            'idle-pass': '#d6ecc1',
+            error: '#c20017',
+            'error-light': '#ffe4e8',
+            warning: '#ab9b00',
+            'warning-light': '#fef8de',
+            info: '#004494',
+            'info-light': '#dbf3ff',
+            'green-quore': '#5db407',
+            'blue-sky': '#2898e0',
+            'blue-quore': '#2f363c',
+            complaint: '#c20017',
+            recurring: '#006b00',
+            workorder: '#F67B00',
+
+            gray: {
+                0: '#f9f9fa',
+                '00': '#f4f4f4',
+                7: '#eff1f2',
+                10: '#ebeef0',
+                20: '#dde1e4',
+                30: '#cdd4d8',
+                40: '#bcc5cb',
+            },
+            inkwell: {
+                0: '#8d9aa5',
+                10: '#6c7b89',
+                20: '#515d67',
+                30: '#2f363c',
+                40: '#121517',
+            },
+            maroon: {
+                0: '#f7d7db',
+                10: '#d27989',
+                20: '#ad314e',
+                30: '#880028',
+                40: '#630023',
+            },
+            pink: {
+                0: '#ffdbe5',
+                10: '#ff89ae',
+                20: '#ff377a',
+                30: '#cd0059',
+                40: '#9c0053',
+            },
+            red: {
+                0: '#ffe4e8',
+                10: '#ffa9b2',
+                20: '#ff6e76',
+                30: '#ff3333',
+                40: '#c20017',
+            },
+            orange: {
+                0: '#FFF7DB',
+                10: '#FCD379',
+                20: '#F89F1B',
+                30: '#F67B00',
+                40: '#F56200',
+            },
+            yellow: {
+                0: '#fff8de',
+                10: '#f9e991',
+                20: '#eedc00',
+                30: '#ccbb00',
+                40: '#ab9b00',
+            },
+            green: {
+                0: '#e9f7da',
+                10: '#9cd662',
+                20: '#5db407',
+                30: '#249000',
+                40: '#006b00',
+            },
+            teal: {
+                0: '#dcf2f1',
+                10: '#64c7c0',
+                20: '#0f9b8f',
+                30: '#007667',
+                40: '#005244',
+            },
+            blue: {
+                0: '#dbf3ff',
+                5: '#93cbef',
+                10: '#7cc7f0',
+                20: '#2898e0',
+                30: '#0a69ba',
+                40: '#004594',
+            },
+            purple: {
+                0: '#f2e3f2',
+                10: '#d29cd5',
+                20: '#b062b7',
+                30: '#8d3399',
+                40: '#430675',
+            },
+
+            transparent: 'transparent',
+            current: 'currentColor',
+            white: '#ffffff',
+            black: '#000000',
+        },
+        screens: {
+            sm: '576px',
+            md: '768px',
+            lg: '992px',
+            xl: '1200px',
+            'sm-down': { max: '767.98px' },
+        },
+        configViewer: {
+            typographyExample: 'Smarter Team, Happier Guest',
+        },
+        extend: {
+            boxShadow: {
+                solid: '0 0 0 2px rgba(255, 255, 255, 1)',
+            },
+            maxHeight: {
+                none: 'none',
+            },
+            gridTemplateColumns: {
+                '13': 'repeat(13, minmax(0, 1fr))',
+                '14': 'repeat(14, minmax(0, 1fr))',
+                '15': 'repeat(15, minmax(0, 1fr))',
+            },
+            colors: {
+                'primary-50': 'rgb(var(--primary-50))',
+                'primary-100': 'rgb(var(--primary-100))',
+                'primary-200': 'rgb(var(--primary-200))',
+                'primary-300': 'rgb(var(--primary-300))',
+                'primary-400': 'rgb(var(--primary-400))',
+                'primary-500': 'rgb(var(--primary-500))',
+                'primary-600': 'rgb(var(--primary-600))',
+                'primary-700': 'rgb(var(--primary-700))',
+                'primary-800': 'rgb(var(--primary-800))',
+                'primary-900': 'rgb(var(--primary-900))',
+                'primary-950': 'rgb(var(--primary-950))',
+                'surface-0': 'rgb(var(--surface-0))',
+                'surface-50': 'rgb(var(--surface-50))',
+                'surface-100': 'rgb(var(--surface-100))',
+                'surface-200': 'rgb(var(--surface-200))',
+                'surface-300': 'rgb(var(--surface-300))',
+                'surface-400': 'rgb(var(--surface-400))',
+                'surface-500': 'rgb(var(--surface-500))',
+                'surface-600': 'rgb(var(--surface-600))',
+                'surface-700': 'rgb(var(--surface-700))',
+                'surface-800': 'rgb(var(--surface-800))',
+                'surface-900': 'rgb(var(--surface-900))',
+                'surface-950': 'rgb(var(--surface-950))',
+            },
+        },
+    },
+    safelist: [
+        'border-solid',
+        'border-dashed',
+        'border-dotted',
+        'border-double',
+        'border-gray-20',
+        'border-gray-30',
+        'border-gray-40',
+        'border-inkwell-0',
+        'border-inkwell-10',
+        'border-inkwell-20',
+        'border-inkwell-30',
+        'border-inkwell-40',
+        {
+            pattern: /(bg|text)-+/,
+            variants: ['hover'],
+        },
+        {
+            pattern: /grid-cols-[1-9]|grid-cols-1[0-5]/,
+        },
+    ],
+    variants: {
+        extend: {},
+    },
+    plugins: [],
+};
+
+export default quorePreset;