@pequity/squirrel 1.0.15 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/squirrel/index.d.ts +1 -1
  2. package/dist/squirrelTailwindConfig.js +105 -0
  3. package/package.json +5 -3
  4. package/squirrel/index.ts +1 -1
  5. package/squirrel/utils/tailwind.ts +1 -1
  6. package/squirrel/tailwind/config.js +0 -104
  7. /package/dist/squirrel/tailwind/{index.d.ts → squirrelTailwindConfig.d.ts} +0 -0
  8. /package/squirrel/tailwind/{index.ts → squirrelTailwindConfig.ts} +0 -0
package/dist/squirrel/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@squirrel/assets/squirrel.css';
2
- export * from './tailwind';
2
+ export * from './tailwind/squirrelTailwindConfig';
3
3
  export * from './components';
4
4
  export * from './composables';
5
5
  export * from './utils';
package/dist/squirrelTailwindConfig.js ADDED
@@ -0,0 +1,105 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.squirrelTailwindConfig = void 0;
4
+ exports.squirrelTailwindConfig = {
5
+ content: ['./index.html', './squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}', './src/**/*.{vue,js,ts,jsx,tsx,mdx}'],
6
+ theme: {
7
+ colors: {
8
+ transparent: 'transparent',
9
+ current: 'currentColor',
10
+ /* Design system colors */
11
+ white: '#fff',
12
+ black: '#000',
13
+ night: 'var(--color-night)',
14
+ 'barley-white': 'var(--color-barley-white)',
15
+ 'horses-neck': 'var(--color-horses-neck)',
16
+ 'active-blue': 'var(--color-active-blue)',
17
+ /* Pequity colors */
18
+ 'p-gray': {
19
+ 10: 'var(--color-p-gray-10)',
20
+ 20: 'var(--color-p-gray-20)',
21
+ 30: 'var(--color-p-gray-30)',
22
+ 40: 'var(--color-p-gray-40)',
23
+ 50: 'var(--color-p-gray-50)',
24
+ 60: 'var(--color-p-gray-60)',
25
+ 70: 'var(--color-p-gray-70)',
26
+ 80: 'var(--color-p-gray-80)',
27
+ 90: 'var(--color-p-gray-90)',
28
+ 100: 'var(--color-p-gray-100)',
29
+ },
30
+ 'p-blue': {
31
+ 10: 'var(--color-p-blue-10)',
32
+ 15: 'var(--color-p-blue-15)',
33
+ 20: 'var(--color-p-blue-20)',
34
+ 30: 'var(--color-p-blue-30)',
35
+ 40: 'var(--color-p-blue-40)',
36
+ 50: 'var(--color-p-blue-50)',
37
+ 60: 'var(--color-p-blue-60)',
38
+ 70: 'var(--color-p-blue-70)',
39
+ 80: 'var(--color-p-blue-80)',
40
+ },
41
+ 'p-purple': {
42
+ 10: 'var(--color-p-purple-10)',
43
+ 20: 'var(--color-p-purple-20)',
44
+ 30: 'var(--color-p-purple-30)',
45
+ 40: 'var(--color-p-purple-40)',
46
+ 50: 'var(--color-p-purple-50)',
47
+ 60: 'var(--color-p-purple-60)',
48
+ },
49
+ 'p-green': {
50
+ 10: 'var(--color-p-green-10)',
51
+ 20: 'var(--color-p-green-20)',
52
+ 30: 'var(--color-p-green-30)',
53
+ 40: 'var(--color-p-green-40)',
54
+ 50: 'var(--color-p-green-50)',
55
+ },
56
+ 'p-red': {
57
+ 10: 'var(--color-p-red-10)',
58
+ 20: 'var(--color-p-red-20)',
59
+ 30: 'var(--color-p-red-30)',
60
+ 40: 'var(--color-p-red-40)',
61
+ 50: 'var(--color-p-red-50)',
62
+ },
63
+ /* Aliases */
64
+ primary: 'var(--color-primary)',
65
+ accent: 'var(--color-accent)',
66
+ surface: 'var(--color-surface)',
67
+ 'on-surface': 'var(--color-on-surface)',
68
+ error: 'var(--color-error)',
69
+ 'on-error': 'var(--color-on-error)',
70
+ info: 'var(--color-info)',
71
+ 'on-info': 'var(--color-on-info)',
72
+ success: 'var(--color-success)',
73
+ 'on-success': 'var(--color-on-success)',
74
+ warning: 'var(--color-warning)',
75
+ 'on-warning': 'var(--color-on-warning)',
76
+ },
77
+ fontFamily: {
78
+ sans: ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
79
+ },
80
+ fontSize: {
81
+ xs: '0.75rem',
82
+ sm: '0.875rem',
83
+ base: '1rem',
84
+ lg: '1.125rem',
85
+ xl: '1.25rem',
86
+ '2xl': '1.5rem',
87
+ '3xl': '1.875rem',
88
+ '4xl': '2.25rem',
89
+ '5xl': '3rem',
90
+ '6xl': '4rem',
91
+ },
92
+ extend: {
93
+ borderColor: {
94
+ DEFAULT: 'var(--color-p-gray-30)',
95
+ },
96
+ spacing: {
97
+ 7.5: '1.875rem',
98
+ },
99
+ zIndex: {
100
+ 110: '110',
101
+ },
102
+ screens: {},
103
+ },
104
+ },
105
+ };
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "@pequity/squirrel",
3
3
  "description": "Squirrel component library",
4
- "version": "1.0.15",
4
+ "version": "1.0.16",
5
5
  "packageManager": "pnpm@8.9.2",
6
6
  "scripts": {
7
7
  "preinstall": "npx only-allow pnpm",
8
8
  "dev": "vite --host",
9
9
  "debug:hmr": "vite --host --debug hmr",
10
- "build": "rimraf dist && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.squirrel.json && resolve-tspaths --src ./squirrel --project tsconfig.squirrel.json && vite build",
10
+ "build:tailwind": "tsc --target es6 --module CommonJS ./squirrel/tailwind/squirrelTailwindConfig.ts --outDir ./dist",
11
+ "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",
11
12
  "preview": "vite preview",
12
13
  "lint": "eslint \"**/*.{vue,ts,js}\"",
13
14
  "lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
@@ -30,7 +31,8 @@
30
31
  "import": "./dist/squirrel.es.js",
31
32
  "require": "./dist/squirrel.cjs.js"
32
33
  },
33
- "./assets/squirrel.css": "./dist/style.css"
34
+ "./assets/squirrel.css": "./dist/style.css",
35
+ "./squirrelTailwindConfig": "./dist/squirrelTailwindConfig.js"
34
36
  },
35
37
  "main": "./dist/squirrel.cjs.js",
36
38
  "module": "./dist/squirrel.es.js",
package/squirrel/index.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import '@squirrel/assets/squirrel.css';
2
2
 
3
- export * from '@squirrel/tailwind';
3
+ export * from '@squirrel/tailwind/squirrelTailwindConfig';
4
4
  export * from '@squirrel/components';
5
5
  export * from '@squirrel/composables';
6
6
  export * from '@squirrel/utils';
package/squirrel/utils/tailwind.ts CHANGED
@@ -2,7 +2,7 @@ import resolveConfig from 'tailwindcss/resolveConfig';
2
2
  // Relative import is used here because of
3
3
  // "Module source URI is not allowed in this document: “http://tailwind.config/”" error
4
4
  import { get } from 'lodash-es';
5
- import { squirrelTailwindConfig } from '@squirrel/tailwind';
5
+ import { squirrelTailwindConfig } from '@squirrel/tailwind/squirrelTailwindConfig';
6
6
  import type { Config } from 'tailwindcss';
7
7
 
8
8
  const config = resolveConfig(squirrelTailwindConfig);
package/squirrel/tailwind/config.js DELETED
@@ -1,104 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
-
3
- module.exports = {
4
- content: ['./index.html', './squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}', './src/**/*.{vue,js,ts,jsx,tsx,mdx}'],
5
- theme: {
6
- colors: {
7
- transparent: 'transparent',
8
- current: 'currentColor',
9
- /* Design system colors */
10
- white: '#fff',
11
- black: '#000',
12
- night: 'var(--color-night)',
13
- 'barley-white': 'var(--color-barley-white)',
14
- 'horses-neck': 'var(--color-horses-neck)',
15
- 'active-blue': 'var(--color-active-blue)',
16
- /* Pequity colors */
17
- 'p-gray': {
18
- 10: 'var(--color-p-gray-10)',
19
- 20: 'var(--color-p-gray-20)',
20
- 30: 'var(--color-p-gray-30)',
21
- 40: 'var(--color-p-gray-40)',
22
- 50: 'var(--color-p-gray-50)',
23
- 60: 'var(--color-p-gray-60)',
24
- 70: 'var(--color-p-gray-70)',
25
- 80: 'var(--color-p-gray-80)',
26
- 90: 'var(--color-p-gray-90)',
27
- 100: 'var(--color-p-gray-100)',
28
- },
29
- 'p-blue': {
30
- 10: 'var(--color-p-blue-10)',
31
- 15: 'var(--color-p-blue-15)',
32
- 20: 'var(--color-p-blue-20)',
33
- 30: 'var(--color-p-blue-30)',
34
- 40: 'var(--color-p-blue-40)',
35
- 50: 'var(--color-p-blue-50)',
36
- 60: 'var(--color-p-blue-60)',
37
- 70: 'var(--color-p-blue-70)',
38
- 80: 'var(--color-p-blue-80)',
39
- },
40
- 'p-purple': {
41
- 10: 'var(--color-p-purple-10)',
42
- 20: 'var(--color-p-purple-20)',
43
- 30: 'var(--color-p-purple-30)',
44
- 40: 'var(--color-p-purple-40)',
45
- 50: 'var(--color-p-purple-50)',
46
- 60: 'var(--color-p-purple-60)',
47
- },
48
- 'p-green': {
49
- 10: 'var(--color-p-green-10)',
50
- 20: 'var(--color-p-green-20)',
51
- 30: 'var(--color-p-green-30)',
52
- 40: 'var(--color-p-green-40)',
53
- 50: 'var(--color-p-green-50)',
54
- },
55
- 'p-red': {
56
- 10: 'var(--color-p-red-10)',
57
- 20: 'var(--color-p-red-20)',
58
- 30: 'var(--color-p-red-30)',
59
- 40: 'var(--color-p-red-40)',
60
- 50: 'var(--color-p-red-50)',
61
- },
62
- /* Aliases */
63
- primary: 'var(--color-primary)',
64
- accent: 'var(--color-accent)',
65
- surface: 'var(--color-surface)',
66
- 'on-surface': 'var(--color-on-surface)',
67
- error: 'var(--color-error)',
68
- 'on-error': 'var(--color-on-error)',
69
- info: 'var(--color-info)',
70
- 'on-info': 'var(--color-on-info)',
71
- success: 'var(--color-success)',
72
- 'on-success': 'var(--color-on-success)',
73
- warning: 'var(--color-warning)',
74
- 'on-warning': 'var(--color-on-warning)',
75
- },
76
- fontFamily: {
77
- sans: ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
78
- },
79
- fontSize: {
80
- xs: '0.75rem',
81
- sm: '0.875rem',
82
- base: '1rem',
83
- lg: '1.125rem',
84
- xl: '1.25rem',
85
- '2xl': '1.5rem',
86
- '3xl': '1.875rem',
87
- '4xl': '2.25rem',
88
- '5xl': '3rem',
89
- '6xl': '4rem',
90
- },
91
- extend: {
92
- borderColor: {
93
- DEFAULT: 'var(--color-p-gray-30)',
94
- },
95
- spacing: {
96
- 7.5: '1.875rem',
97
- },
98
- zIndex: {
99
- 110: '110',
100
- },
101
- screens: {},
102
- },
103
- },
104
- };