@pequity/squirrel 1.0.15 → 1.0.17
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.
- package/dist/squirrel/index.d.ts +1 -1
- package/dist/squirrel/tailwind/{index.d.ts → config.d.ts} +2 -2
- package/dist/squirrel.cjs.js +2 -2
- package/dist/squirrel.es.js +1 -1
- package/dist/tailwind/config.js +105 -0
- package/package.json +5 -3
- package/squirrel/index.ts +1 -1
- package/squirrel/tailwind/{index.ts → config.ts} +2 -2
- package/squirrel/utils/tailwind.ts +1 -1
- package/squirrel/tailwind/config.js +0 -104
package/dist/squirrel.es.js
CHANGED
|
@@ -8194,6 +8194,7 @@ export {
|
|
|
8194
8194
|
Nr as SPACING_SUFFIX,
|
|
8195
8195
|
Vr as TEXTAREA_BASE,
|
|
8196
8196
|
Yr as colsInjectionKey,
|
|
8197
|
+
Sn as config,
|
|
8197
8198
|
Sa as createPagingRange,
|
|
8198
8199
|
yt as getColor,
|
|
8199
8200
|
On as getColorDeep,
|
|
@@ -8208,7 +8209,6 @@ export {
|
|
|
8208
8209
|
Vl as isVisible,
|
|
8209
8210
|
Br as setupListKeyboardNavigation,
|
|
8210
8211
|
Ge as splitStringForHighlight,
|
|
8211
|
-
Sn as squirrelTailwindConfig,
|
|
8212
8212
|
Ft as toNumberOrNull,
|
|
8213
8213
|
ye as toString,
|
|
8214
8214
|
Je as useInputClasses,
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.config = void 0;
|
|
4
|
+
exports.config = {
|
|
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.
|
|
4
|
+
"version": "1.0.17",
|
|
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": "
|
|
10
|
+
"build:tailwind": "tsc --target es6 --module CommonJS ./squirrel/tailwind/config.ts --outDir ./dist/tailwind",
|
|
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
|
+
"./tailwind": "./dist/tailwind/config.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 type { Config } from 'tailwindcss';
|
|
2
2
|
|
|
3
|
-
export const
|
|
3
|
+
export const config = {
|
|
4
4
|
content: ['./index.html', './squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}', './src/**/*.{vue,js,ts,jsx,tsx,mdx}'],
|
|
5
5
|
theme: {
|
|
6
6
|
colors: {
|
|
@@ -103,4 +103,4 @@ export const squirrelTailwindConfig = {
|
|
|
103
103
|
},
|
|
104
104
|
} as const satisfies Config;
|
|
105
105
|
|
|
106
|
-
export type SquirrelTailwindConfig = typeof
|
|
106
|
+
export type SquirrelTailwindConfig = typeof config;
|
|
@@ -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 { config as squirrelTailwindConfig } from '@squirrel/tailwind/config';
|
|
6
6
|
import type { Config } from 'tailwindcss';
|
|
7
7
|
|
|
8
8
|
const config = resolveConfig(squirrelTailwindConfig);
|
|
@@ -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
|
-
};
|