@onesaz/tailwind-config 0.1.0
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/README.md +39 -0
- package/dist/index.cjs +160 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +147 -0
- package/dist/index.js.map +1 -0
- package/package.json +53 -0
package/README.md
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# @onesaz/tailwind-config
|
|
2
|
+
|
|
3
|
+
Shared Tailwind CSS preset for Onesaz applications.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @onesaz/tailwind-config tailwindcss
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
Add the preset to your `tailwind.config.js`:
|
|
14
|
+
|
|
15
|
+
```javascript
|
|
16
|
+
/** @type {import('tailwindcss').Config} */
|
|
17
|
+
module.exports = {
|
|
18
|
+
presets: [require('@onesaz/tailwind-config')],
|
|
19
|
+
content: [
|
|
20
|
+
'./src/**/*.{js,ts,jsx,tsx}',
|
|
21
|
+
'./node_modules/@onesaz/ui/**/*.js',
|
|
22
|
+
],
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Features
|
|
27
|
+
|
|
28
|
+
- Pre-configured color palette using design tokens
|
|
29
|
+
- CSS variable-based colors for dynamic theming
|
|
30
|
+
- Consistent spacing, typography, and border radius scales
|
|
31
|
+
- Dark mode support
|
|
32
|
+
|
|
33
|
+
## Peer Dependencies
|
|
34
|
+
|
|
35
|
+
- `tailwindcss` ^3.4.0
|
|
36
|
+
|
|
37
|
+
## License
|
|
38
|
+
|
|
39
|
+
MIT
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/index.ts
|
|
21
|
+
var index_exports = {};
|
|
22
|
+
__export(index_exports, {
|
|
23
|
+
default: () => index_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(index_exports);
|
|
26
|
+
var import_tokens = require("@onesaz/tokens");
|
|
27
|
+
var config = {
|
|
28
|
+
darkMode: ["class", '[data-theme="dark"]'],
|
|
29
|
+
theme: {
|
|
30
|
+
extend: {
|
|
31
|
+
colors: {
|
|
32
|
+
// Accent color palettes
|
|
33
|
+
purple: import_tokens.accentColors.purple,
|
|
34
|
+
blue: import_tokens.accentColors.blue,
|
|
35
|
+
cyan: import_tokens.accentColors.cyan,
|
|
36
|
+
teal: import_tokens.accentColors.teal,
|
|
37
|
+
green: import_tokens.accentColors.green,
|
|
38
|
+
orange: import_tokens.accentColors.orange,
|
|
39
|
+
red: import_tokens.accentColors.red,
|
|
40
|
+
pink: import_tokens.accentColors.pink,
|
|
41
|
+
// Gray palettes
|
|
42
|
+
slate: import_tokens.grayColors.slate,
|
|
43
|
+
gray: import_tokens.grayColors.gray,
|
|
44
|
+
zinc: import_tokens.grayColors.zinc,
|
|
45
|
+
neutral: import_tokens.grayColors.neutral,
|
|
46
|
+
// Semantic colors
|
|
47
|
+
success: import_tokens.semanticColors.success,
|
|
48
|
+
warning: import_tokens.semanticColors.warning,
|
|
49
|
+
error: import_tokens.semanticColors.error,
|
|
50
|
+
info: import_tokens.semanticColors.info,
|
|
51
|
+
// CSS variable based colors for dynamic theming
|
|
52
|
+
background: "var(--background)",
|
|
53
|
+
foreground: "var(--foreground)",
|
|
54
|
+
card: {
|
|
55
|
+
DEFAULT: "var(--card)",
|
|
56
|
+
foreground: "var(--card-foreground)"
|
|
57
|
+
},
|
|
58
|
+
popover: {
|
|
59
|
+
DEFAULT: "var(--popover)",
|
|
60
|
+
foreground: "var(--popover-foreground)"
|
|
61
|
+
},
|
|
62
|
+
muted: {
|
|
63
|
+
DEFAULT: "var(--muted)",
|
|
64
|
+
foreground: "var(--muted-foreground)"
|
|
65
|
+
},
|
|
66
|
+
accent: {
|
|
67
|
+
DEFAULT: "var(--accent)",
|
|
68
|
+
foreground: "var(--accent-foreground)",
|
|
69
|
+
hover: "var(--accent-hover)",
|
|
70
|
+
1: "var(--accent-1)",
|
|
71
|
+
2: "var(--accent-2)",
|
|
72
|
+
3: "var(--accent-3)",
|
|
73
|
+
4: "var(--accent-4)",
|
|
74
|
+
5: "var(--accent-5)",
|
|
75
|
+
6: "var(--accent-6)",
|
|
76
|
+
7: "var(--accent-7)",
|
|
77
|
+
8: "var(--accent-8)",
|
|
78
|
+
9: "var(--accent-9)",
|
|
79
|
+
10: "var(--accent-10)",
|
|
80
|
+
11: "var(--accent-11)",
|
|
81
|
+
12: "var(--accent-12)"
|
|
82
|
+
},
|
|
83
|
+
border: "var(--border)",
|
|
84
|
+
input: "var(--input)",
|
|
85
|
+
ring: "var(--ring)",
|
|
86
|
+
destructive: {
|
|
87
|
+
DEFAULT: "var(--destructive)",
|
|
88
|
+
foreground: "var(--destructive-foreground)"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
spacing: import_tokens.spacing,
|
|
92
|
+
fontSize: import_tokens.fontSizes,
|
|
93
|
+
fontFamily: {
|
|
94
|
+
sans: [import_tokens.fontFamilies.sans],
|
|
95
|
+
mono: [import_tokens.fontFamilies.mono]
|
|
96
|
+
},
|
|
97
|
+
borderRadius: {
|
|
98
|
+
...import_tokens.radiusScale,
|
|
99
|
+
DEFAULT: "var(--radius)"
|
|
100
|
+
},
|
|
101
|
+
keyframes: {
|
|
102
|
+
"accordion-down": {
|
|
103
|
+
from: { height: "0" },
|
|
104
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
105
|
+
},
|
|
106
|
+
"accordion-up": {
|
|
107
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
108
|
+
to: { height: "0" }
|
|
109
|
+
},
|
|
110
|
+
"fade-in": {
|
|
111
|
+
from: { opacity: "0" },
|
|
112
|
+
to: { opacity: "1" }
|
|
113
|
+
},
|
|
114
|
+
"fade-out": {
|
|
115
|
+
from: { opacity: "1" },
|
|
116
|
+
to: { opacity: "0" }
|
|
117
|
+
},
|
|
118
|
+
"slide-in-from-top": {
|
|
119
|
+
from: { transform: "translateY(-100%)" },
|
|
120
|
+
to: { transform: "translateY(0)" }
|
|
121
|
+
},
|
|
122
|
+
"slide-in-from-bottom": {
|
|
123
|
+
from: { transform: "translateY(100%)" },
|
|
124
|
+
to: { transform: "translateY(0)" }
|
|
125
|
+
},
|
|
126
|
+
"slide-in-from-left": {
|
|
127
|
+
from: { transform: "translateX(-100%)" },
|
|
128
|
+
to: { transform: "translateX(0)" }
|
|
129
|
+
},
|
|
130
|
+
"slide-in-from-right": {
|
|
131
|
+
from: { transform: "translateX(100%)" },
|
|
132
|
+
to: { transform: "translateX(0)" }
|
|
133
|
+
},
|
|
134
|
+
"zoom-in": {
|
|
135
|
+
from: { transform: "scale(0.95)", opacity: "0" },
|
|
136
|
+
to: { transform: "scale(1)", opacity: "1" }
|
|
137
|
+
},
|
|
138
|
+
"zoom-out": {
|
|
139
|
+
from: { transform: "scale(1)", opacity: "1" },
|
|
140
|
+
to: { transform: "scale(0.95)", opacity: "0" }
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
animation: {
|
|
144
|
+
"accordion-down": "accordion-down 0.2s ease-out",
|
|
145
|
+
"accordion-up": "accordion-up 0.2s ease-out",
|
|
146
|
+
"fade-in": "fade-in 0.2s ease-out",
|
|
147
|
+
"fade-out": "fade-out 0.2s ease-out",
|
|
148
|
+
"slide-in-from-top": "slide-in-from-top 0.2s ease-out",
|
|
149
|
+
"slide-in-from-bottom": "slide-in-from-bottom 0.2s ease-out",
|
|
150
|
+
"slide-in-from-left": "slide-in-from-left 0.2s ease-out",
|
|
151
|
+
"slide-in-from-right": "slide-in-from-right 0.2s ease-out",
|
|
152
|
+
"zoom-in": "zoom-in 0.2s ease-out",
|
|
153
|
+
"zoom-out": "zoom-out 0.2s ease-out"
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
plugins: []
|
|
158
|
+
};
|
|
159
|
+
var index_default = config;
|
|
160
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
ADDED
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
// src/index.ts
|
|
2
|
+
import {
|
|
3
|
+
accentColors,
|
|
4
|
+
grayColors,
|
|
5
|
+
semanticColors,
|
|
6
|
+
spacing,
|
|
7
|
+
fontSizes,
|
|
8
|
+
fontFamilies,
|
|
9
|
+
radiusScale
|
|
10
|
+
} from "@onesaz/tokens";
|
|
11
|
+
var config = {
|
|
12
|
+
darkMode: ["class", '[data-theme="dark"]'],
|
|
13
|
+
theme: {
|
|
14
|
+
extend: {
|
|
15
|
+
colors: {
|
|
16
|
+
// Accent color palettes
|
|
17
|
+
purple: accentColors.purple,
|
|
18
|
+
blue: accentColors.blue,
|
|
19
|
+
cyan: accentColors.cyan,
|
|
20
|
+
teal: accentColors.teal,
|
|
21
|
+
green: accentColors.green,
|
|
22
|
+
orange: accentColors.orange,
|
|
23
|
+
red: accentColors.red,
|
|
24
|
+
pink: accentColors.pink,
|
|
25
|
+
// Gray palettes
|
|
26
|
+
slate: grayColors.slate,
|
|
27
|
+
gray: grayColors.gray,
|
|
28
|
+
zinc: grayColors.zinc,
|
|
29
|
+
neutral: grayColors.neutral,
|
|
30
|
+
// Semantic colors
|
|
31
|
+
success: semanticColors.success,
|
|
32
|
+
warning: semanticColors.warning,
|
|
33
|
+
error: semanticColors.error,
|
|
34
|
+
info: semanticColors.info,
|
|
35
|
+
// CSS variable based colors for dynamic theming
|
|
36
|
+
background: "var(--background)",
|
|
37
|
+
foreground: "var(--foreground)",
|
|
38
|
+
card: {
|
|
39
|
+
DEFAULT: "var(--card)",
|
|
40
|
+
foreground: "var(--card-foreground)"
|
|
41
|
+
},
|
|
42
|
+
popover: {
|
|
43
|
+
DEFAULT: "var(--popover)",
|
|
44
|
+
foreground: "var(--popover-foreground)"
|
|
45
|
+
},
|
|
46
|
+
muted: {
|
|
47
|
+
DEFAULT: "var(--muted)",
|
|
48
|
+
foreground: "var(--muted-foreground)"
|
|
49
|
+
},
|
|
50
|
+
accent: {
|
|
51
|
+
DEFAULT: "var(--accent)",
|
|
52
|
+
foreground: "var(--accent-foreground)",
|
|
53
|
+
hover: "var(--accent-hover)",
|
|
54
|
+
1: "var(--accent-1)",
|
|
55
|
+
2: "var(--accent-2)",
|
|
56
|
+
3: "var(--accent-3)",
|
|
57
|
+
4: "var(--accent-4)",
|
|
58
|
+
5: "var(--accent-5)",
|
|
59
|
+
6: "var(--accent-6)",
|
|
60
|
+
7: "var(--accent-7)",
|
|
61
|
+
8: "var(--accent-8)",
|
|
62
|
+
9: "var(--accent-9)",
|
|
63
|
+
10: "var(--accent-10)",
|
|
64
|
+
11: "var(--accent-11)",
|
|
65
|
+
12: "var(--accent-12)"
|
|
66
|
+
},
|
|
67
|
+
border: "var(--border)",
|
|
68
|
+
input: "var(--input)",
|
|
69
|
+
ring: "var(--ring)",
|
|
70
|
+
destructive: {
|
|
71
|
+
DEFAULT: "var(--destructive)",
|
|
72
|
+
foreground: "var(--destructive-foreground)"
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
spacing,
|
|
76
|
+
fontSize: fontSizes,
|
|
77
|
+
fontFamily: {
|
|
78
|
+
sans: [fontFamilies.sans],
|
|
79
|
+
mono: [fontFamilies.mono]
|
|
80
|
+
},
|
|
81
|
+
borderRadius: {
|
|
82
|
+
...radiusScale,
|
|
83
|
+
DEFAULT: "var(--radius)"
|
|
84
|
+
},
|
|
85
|
+
keyframes: {
|
|
86
|
+
"accordion-down": {
|
|
87
|
+
from: { height: "0" },
|
|
88
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
89
|
+
},
|
|
90
|
+
"accordion-up": {
|
|
91
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
92
|
+
to: { height: "0" }
|
|
93
|
+
},
|
|
94
|
+
"fade-in": {
|
|
95
|
+
from: { opacity: "0" },
|
|
96
|
+
to: { opacity: "1" }
|
|
97
|
+
},
|
|
98
|
+
"fade-out": {
|
|
99
|
+
from: { opacity: "1" },
|
|
100
|
+
to: { opacity: "0" }
|
|
101
|
+
},
|
|
102
|
+
"slide-in-from-top": {
|
|
103
|
+
from: { transform: "translateY(-100%)" },
|
|
104
|
+
to: { transform: "translateY(0)" }
|
|
105
|
+
},
|
|
106
|
+
"slide-in-from-bottom": {
|
|
107
|
+
from: { transform: "translateY(100%)" },
|
|
108
|
+
to: { transform: "translateY(0)" }
|
|
109
|
+
},
|
|
110
|
+
"slide-in-from-left": {
|
|
111
|
+
from: { transform: "translateX(-100%)" },
|
|
112
|
+
to: { transform: "translateX(0)" }
|
|
113
|
+
},
|
|
114
|
+
"slide-in-from-right": {
|
|
115
|
+
from: { transform: "translateX(100%)" },
|
|
116
|
+
to: { transform: "translateX(0)" }
|
|
117
|
+
},
|
|
118
|
+
"zoom-in": {
|
|
119
|
+
from: { transform: "scale(0.95)", opacity: "0" },
|
|
120
|
+
to: { transform: "scale(1)", opacity: "1" }
|
|
121
|
+
},
|
|
122
|
+
"zoom-out": {
|
|
123
|
+
from: { transform: "scale(1)", opacity: "1" },
|
|
124
|
+
to: { transform: "scale(0.95)", opacity: "0" }
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
animation: {
|
|
128
|
+
"accordion-down": "accordion-down 0.2s ease-out",
|
|
129
|
+
"accordion-up": "accordion-up 0.2s ease-out",
|
|
130
|
+
"fade-in": "fade-in 0.2s ease-out",
|
|
131
|
+
"fade-out": "fade-out 0.2s ease-out",
|
|
132
|
+
"slide-in-from-top": "slide-in-from-top 0.2s ease-out",
|
|
133
|
+
"slide-in-from-bottom": "slide-in-from-bottom 0.2s ease-out",
|
|
134
|
+
"slide-in-from-left": "slide-in-from-left 0.2s ease-out",
|
|
135
|
+
"slide-in-from-right": "slide-in-from-right 0.2s ease-out",
|
|
136
|
+
"zoom-in": "zoom-in 0.2s ease-out",
|
|
137
|
+
"zoom-out": "zoom-out 0.2s ease-out"
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
plugins: []
|
|
142
|
+
};
|
|
143
|
+
var index_default = config;
|
|
144
|
+
export {
|
|
145
|
+
index_default as default
|
|
146
|
+
};
|
|
147
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":"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","names":[]}
|
package/package.json
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@onesaz/tailwind-config",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Tailwind CSS preset for Onesaz UI - shared configuration with design tokens",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"author": "Onesaz <engineering@onesaz.com>",
|
|
8
|
+
"homepage": "https://github.com/onesaz/onesaz-ui#readme",
|
|
9
|
+
"repository": {
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "git+https://github.com/onesaz/onesaz-ui.git",
|
|
12
|
+
"directory": "packages/tailwind-config"
|
|
13
|
+
},
|
|
14
|
+
"bugs": {
|
|
15
|
+
"url": "https://github.com/onesaz/onesaz-ui/issues"
|
|
16
|
+
},
|
|
17
|
+
"keywords": [
|
|
18
|
+
"tailwindcss",
|
|
19
|
+
"tailwind-preset",
|
|
20
|
+
"design-system",
|
|
21
|
+
"onesaz"
|
|
22
|
+
],
|
|
23
|
+
"publishConfig": {
|
|
24
|
+
"access": "public"
|
|
25
|
+
},
|
|
26
|
+
"main": "./dist/index.cjs",
|
|
27
|
+
"module": "./dist/index.js",
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"exports": {
|
|
30
|
+
".": {
|
|
31
|
+
"types": "./dist/index.d.ts",
|
|
32
|
+
"import": "./dist/index.js",
|
|
33
|
+
"require": "./dist/index.cjs"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"files": ["dist"],
|
|
37
|
+
"scripts": {
|
|
38
|
+
"build": "tsup",
|
|
39
|
+
"dev": "tsup --watch",
|
|
40
|
+
"clean": "rm -rf dist"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"@onesaz/tokens": "*"
|
|
44
|
+
},
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"tailwindcss": "^3.4.15",
|
|
47
|
+
"tsup": "^8.3.5",
|
|
48
|
+
"typescript": "^5.5.4"
|
|
49
|
+
},
|
|
50
|
+
"peerDependencies": {
|
|
51
|
+
"tailwindcss": "^3.4.0"
|
|
52
|
+
}
|
|
53
|
+
}
|