@pequity/squirrel 6.0.0 → 6.0.1

package/README.md

@@ -53,13 +53,13 @@ Add the "Inter" font to your project's `index.html` file:
 <link rel="preconnect" href="https://rsms.me/" /><link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
 ```
 
-Use the Squirrel Tailwind configuration as a `preset` in your project's `tailwind.config.cjs` file:
+Use the Squirrel Tailwind configuration as a `preset` in your project's `tailwind.config.js` file:
 
 ```js
-/** @type {import('@pequity/squirrel').SquirrelTailwindConfig} */
+import { squirrelTailwindConfig } from '@pequity/squirrel';
 
-module.exports = {
-  presets: [require('@pequity/squirrel/tailwind').config],
+export default {
+  presets: [squirrelTailwindConfig],
   content: [
     './index.html',
     './src/**/*.{vue,js,ts,jsx,tsx,mdx}',

package/dist/cjs/config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const config = {
+const squirrelTailwindConfig = {
   content: ["./index.html", "./squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}", "./src/**/*.{vue,js,ts,jsx,tsx,mdx}"],
   theme: {
     colors: {
@@ -102,4 +102,4 @@ const config = {
     }
   }
 };
-exports.config = config;
+exports.squirrelTailwindConfig = squirrelTailwindConfig;

package/dist/cjs/index.js

@@ -1005,7 +1005,7 @@ exports.PTableTd = pTableTd;
 exports.PTabs = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PTextarea = pTextarea;
 exports.PToggle = pToggle;
-exports.config = config.config;
+exports.squirrelTailwindConfig = config.squirrelTailwindConfig;
 exports.CURRENCY_INPUT_DEFAULTS = currency.CURRENCY_INPUT_DEFAULTS;
 exports.getNextActiveElement = dom.getNextActiveElement;
 exports.isElement = dom.isElement;

package/dist/cjs/tailwind.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const config$1 = require("./config.js");
 const lodashEs = require("lodash-es");
 const resolveConfig = require("tailwindcss/resolveConfig");
-const config = resolveConfig(config$1.config);
+const config = resolveConfig(config$1.squirrelTailwindConfig);
 const theme = config.theme;
 const colors = theme == null ? void 0 : theme.colors;
 (_a = theme == null ? void 0 : theme.extend) == null ? void 0 : _a.colors;

package/dist/es/config.js

@@ -1,4 +1,4 @@
-const config = {
+const squirrelTailwindConfig = {
   content: ["./index.html", "./squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}", "./src/**/*.{vue,js,ts,jsx,tsx,mdx}"],
   theme: {
     colors: {
@@ -101,5 +101,5 @@ const config = {
   }
 };
 export {
-  config
+  squirrelTailwindConfig
 };

package/dist/es/index.js

@@ -54,7 +54,7 @@ import { default as default19 } from "./p-table-td.js";
 import { _ as _14 } from "./chunks/p-tabs.js";
 import { default as default20 } from "./p-textarea.js";
 import { default as default21 } from "./p-toggle.js";
-import { config } from "./config.js";
+import { squirrelTailwindConfig } from "./config.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
 import { getNextActiveElement, isElement, isVisible } from "./dom.js";
 import { default as default22 } from "./inputClassesMixin.js";
@@ -1016,7 +1016,6 @@ export {
   SPACING_SUFFIX,
   TEXTAREA_BASE,
   colsInjectionKey,
-  config,
   createPagingRange,
   getColor,
   getColorDeep,
@@ -1032,6 +1031,7 @@ export {
   sanitizeUrl,
   setupListKeyboardNavigation,
   splitStringForHighlight,
+  squirrelTailwindConfig,
   toNumberOrNull,
   toString,
   useInputClasses,

package/dist/es/tailwind.js

@@ -1,8 +1,8 @@
 var _a;
-import { config as config$1 } from "./config.js";
+import { squirrelTailwindConfig } from "./config.js";
 import { get } from "lodash-es";
 import resolveConfig from "tailwindcss/resolveConfig";
-const config = resolveConfig(config$1);
+const config = resolveConfig(squirrelTailwindConfig);
 const theme = config.theme;
 const colors = theme == null ? void 0 : theme.colors;
 (_a = theme == null ? void 0 : theme.extend) == null ? void 0 : _a.colors;

package/dist/squirrel/tailwind/config.d.ts

@@ -1,4 +1,4 @@
-export declare const config: {
+export declare const squirrelTailwindConfig: {
     readonly content: ["./index.html", "./squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}", "./src/**/*.{vue,js,ts,jsx,tsx,mdx}"];
     readonly theme: {
         readonly colors: {
@@ -97,4 +97,4 @@ export declare const config: {
         };
     };
 };
-export type SquirrelTailwindConfig = typeof config;
+export type SquirrelTailwindConfig = typeof squirrelTailwindConfig;

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "packageManager": "pnpm@9.15.0",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "vite --host",
     "debug:hmr": "vite --host --debug hmr",
-    "build:tailwind": "tsc --target es6 --module CommonJS ./squirrel/tailwind/config.ts --outDir ./dist/tailwind",
-    "build": "rimraf dist && pnpm run build:tailwind && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.squirrel.json && resolve-tspaths --src ./squirrel --project tsconfig.squirrel.json && vite build",
+    "build": "rimraf dist && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.squirrel.json && resolve-tspaths --src ./squirrel --project tsconfig.squirrel.json && vite build",
     "preview": "vite preview",
     "lint": "eslint \"**/*.{vue,ts,js}\"",
     "lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
@@ -32,8 +31,7 @@
       "import": "./dist/es/index.js",
       "require": "./dist/cjs/index.js"
     },
-    "./assets/squirrel.css": "./dist/squirrel.css",
-    "./tailwind": "./dist/tailwind/config.js"
+    "./assets/squirrel.css": "./dist/squirrel.css"
   },
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
@@ -52,7 +50,7 @@
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
     "@pequity/eslint-config": "^1.0.3",
-    "@playwright/test": "^1.49.0",
+    "@playwright/test": "^1.49.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^8.4.7",
@@ -67,10 +65,10 @@
     "@storybook/theming": "^8.4.7",
     "@storybook/vue3": "^8.4.7",
     "@storybook/vue3-vite": "^8.4.7",
-    "@tanstack/vue-virtual": "3.11.0",
+    "@tanstack/vue-virtual": "3.11.1",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.10.1",
+    "@types/node": "^22.10.2",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^2.1.8",
     "@vue/compiler-sfc": "3.5.13",
@@ -85,7 +83,7 @@
     "husky": "^9.1.7",
     "iconify-icon": "^2.2.0",
     "jsdom": "^25.0.1",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.2.11",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.49",

package/squirrel/tailwind/config.ts

@@ -1,6 +1,6 @@
 import type { Config } from 'tailwindcss';
 
-export const config = {
+export const squirrelTailwindConfig = {
   content: ['./index.html', './squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}', './src/**/*.{vue,js,ts,jsx,tsx,mdx}'],
   theme: {
     colors: {
@@ -103,4 +103,4 @@ export const config = {
   },
 } as const satisfies Config;
 
-export type SquirrelTailwindConfig = typeof config;
+export type SquirrelTailwindConfig = typeof squirrelTailwindConfig;

package/squirrel/utils/tailwind.ts

@@ -1,6 +1,4 @@
-import { config as squirrelTailwindConfig } from '@squirrel/tailwind/config';
-// Relative import is used here because of
-// "Module source URI is not allowed in this document: “http://tailwind.config/”" error
+import { squirrelTailwindConfig } from '@squirrel/tailwind/config';
 import { get } from 'lodash-es';
 import type { Config } from 'tailwindcss';
 import resolveConfig from 'tailwindcss/resolveConfig';

package/dist/tailwind/config.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-exports.config = {
-    content: ['./index.html', './squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}', './src/**/*.{vue,js,ts,jsx,tsx,mdx}'],
-    theme: {
-        colors: {
-            transparent: 'transparent',
-            current: 'currentColor',
-            /* Design system colors */
-            white: 'rgb(var(--color-white))',
-            black: 'rgb(var(--color-black))',
-            night: 'rgb(var(--color-night))',
-            'barley-white': 'rgb(var(--color-barley-white))',
-            'horses-neck': 'rgb(var(--color-horses-neck))',
-            'active-blue': 'rgb(var(--color-active-blue))',
-            /* Pequity colors */
-            'p-gray': {
-                10: 'rgb(var(--color-p-gray-10))',
-                20: 'rgb(var(--color-p-gray-20))',
-                30: 'rgb(var(--color-p-gray-30))',
-                40: 'rgb(var(--color-p-gray-40))',
-                50: 'rgb(var(--color-p-gray-50))',
-                60: 'rgb(var(--color-p-gray-60))',
-                70: 'rgb(var(--color-p-gray-70))',
-                80: 'rgb(var(--color-p-gray-80))',
-                90: 'rgb(var(--color-p-gray-90))',
-                100: 'rgb(var(--color-p-gray-100))',
-            },
-            'p-blue': {
-                10: 'rgb(var(--color-p-blue-10))',
-                15: 'rgb(var(--color-p-blue-15))',
-                20: 'rgb(var(--color-p-blue-20))',
-                30: 'rgb(var(--color-p-blue-30))',
-                40: 'rgb(var(--color-p-blue-40))',
-                50: 'rgb(var(--color-p-blue-50))',
-                60: 'rgb(var(--color-p-blue-60))',
-                70: 'rgb(var(--color-p-blue-70))',
-                80: 'rgb(var(--color-p-blue-80))',
-            },
-            'p-purple': {
-                10: 'rgb(var(--color-p-purple-10))',
-                20: 'rgb(var(--color-p-purple-20))',
-                30: 'rgb(var(--color-p-purple-30))',
-                40: 'rgb(var(--color-p-purple-40))',
-                50: 'rgb(var(--color-p-purple-50))',
-                60: 'rgb(var(--color-p-purple-60))',
-            },
-            'p-green': {
-                10: 'rgb(var(--color-p-green-10))',
-                20: 'rgb(var(--color-p-green-20))',
-                30: 'rgb(var(--color-p-green-30))',
-                40: 'rgb(var(--color-p-green-40))',
-                50: 'rgb(var(--color-p-green-50))',
-            },
-            'p-red': {
-                10: 'rgb(var(--color-p-red-10))',
-                20: 'rgb(var(--color-p-red-20))',
-                30: 'rgb(var(--color-p-red-30))',
-                40: 'rgb(var(--color-p-red-40))',
-                50: 'rgb(var(--color-p-red-50))',
-            },
-            /* Aliases */
-            primary: 'rgb(var(--color-primary))',
-            accent: 'rgb(var(--color-accent))',
-            surface: 'rgb(var(--color-surface))',
-            'on-surface': 'rgb(var(--color-on-surface))',
-            error: 'rgb(var(--color-error))',
-            'on-error': 'rgb(var(--color-on-error))',
-            info: 'rgb(var(--color-info))',
-            'on-info': 'rgb(var(--color-on-info))',
-            success: 'rgb(var(--color-success))',
-            'on-success': 'rgb(var(--color-on-success))',
-            warning: 'rgb(var(--color-warning))',
-            'on-warning': 'rgb(var(--color-on-warning))',
-        },
-        fontFamily: {
-            sans: ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
-        },
-        fontSize: {
-            xs: '0.75rem',
-            sm: '0.875rem',
-            base: '1rem',
-            lg: '1.125rem',
-            xl: '1.25rem',
-            '2xl': '1.5rem',
-            '3xl': '1.875rem',
-            '4xl': '2.25rem',
-            '5xl': '3rem',
-            '6xl': '4rem',
-        },
-        extend: {
-            borderColor: {
-                DEFAULT: 'rgb(var(--color-p-gray-30))',
-            },
-            spacing: {
-                7.5: '1.875rem',
-            },
-            zIndex: {
-                110: '110',
-            },
-            screens: {},
-        },
-    },
-};