@compose-market/theme 0.0.1 → 0.0.2
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/components/brand/Logo.d.ts +25 -0
- package/dist/components/brand/Logo.d.ts.map +1 -0
- package/dist/components/brand/Logo.js +20 -0
- package/dist/components/brand/Logo.js.map +1 -0
- package/dist/components/brand/index.d.ts +2 -0
- package/dist/components/brand/index.d.ts.map +1 -0
- package/dist/components/brand/index.js +2 -0
- package/dist/components/brand/index.js.map +1 -0
- package/dist/components/session.d.ts +58 -0
- package/dist/components/session.d.ts.map +1 -0
- package/dist/components/session.js +280 -0
- package/dist/components/session.js.map +1 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +24 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/button.d.ts +14 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +43 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +13 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +18 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +23 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +28 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.js +37 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/index.d.ts +7 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/index.js +7 -0
- package/dist/components/ui/index.js.map +1 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/progress.js +9 -0
- package/dist/components/ui/progress.js.map +1 -0
- package/dist/components/ui/surface-variant.d.ts +4 -0
- package/dist/components/ui/surface-variant.d.ts.map +1 -0
- package/dist/components/ui/surface-variant.js +10 -0
- package/dist/components/ui/surface-variant.js.map +1 -0
- package/dist/index.d.ts +5 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -6
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/lib/visual-system.d.ts +39 -0
- package/dist/lib/visual-system.d.ts.map +1 -0
- package/dist/lib/visual-system.js +129 -0
- package/dist/lib/visual-system.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +45 -9
- package/dist/css/dark.css +0 -38
- package/dist/css/index.css +0 -9
- package/dist/css/index.d.ts +0 -16
- package/dist/css/index.d.ts.map +0 -1
- package/dist/css/index.js +0 -96
- package/dist/css/index.js.map +0 -1
- package/dist/css/light.css +0 -70
- package/dist/css/tokens.css +0 -24
- package/dist/tailwind/preset.d.ts +0 -282
- package/dist/tailwind/preset.d.ts.map +0 -1
- package/dist/tailwind/preset.js +0 -144
- package/dist/tailwind/preset.js.map +0 -1
package/dist/tailwind/preset.js
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tailwind CSS Preset - Compose.Market Design System
|
|
3
|
-
*
|
|
4
|
-
* This preset maps Compose.Market design tokens to Tailwind CSS.
|
|
5
|
-
* It provides a seamless integration for the web app while
|
|
6
|
-
* maintaining the single source of truth from the theme package.
|
|
7
|
-
*
|
|
8
|
-
* Usage in tailwind.config.js:
|
|
9
|
-
*
|
|
10
|
-
* import composeTheme from '@compose-market/theme/tailwind';
|
|
11
|
-
*
|
|
12
|
-
* export default {
|
|
13
|
-
* presets: [composeTheme],
|
|
14
|
-
* // ... other config
|
|
15
|
-
* }
|
|
16
|
-
*/
|
|
17
|
-
import { fontFamilies } from '../tokens/typography';
|
|
18
|
-
import { radius } from '../tokens/radius';
|
|
19
|
-
import { colorScales } from '../tokens/colors';
|
|
20
|
-
function generateColorScales(scales) {
|
|
21
|
-
const result = {};
|
|
22
|
-
for (const [scaleName, scale] of Object.entries(scales)) {
|
|
23
|
-
result[scaleName] = {};
|
|
24
|
-
for (const [shade, hsl] of Object.entries(scale)) {
|
|
25
|
-
result[scaleName][shade] = `hsl(${hsl} / <alpha-value>)`;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return result;
|
|
29
|
-
}
|
|
30
|
-
function generateFontFamilyTokens(fonts) {
|
|
31
|
-
const result = {};
|
|
32
|
-
for (const [key, font] of Object.entries(fonts)) {
|
|
33
|
-
result[key] = `var(${font.cssVar})`;
|
|
34
|
-
}
|
|
35
|
-
return result;
|
|
36
|
-
}
|
|
37
|
-
function generateRadiusTokens(r) {
|
|
38
|
-
const result = {};
|
|
39
|
-
for (const [key, value] of Object.entries(r)) {
|
|
40
|
-
result[key === 'DEFAULT' ? 'DEFAULT' : key] = `var(${value.cssVar})`;
|
|
41
|
-
}
|
|
42
|
-
return result;
|
|
43
|
-
}
|
|
44
|
-
export const colors = {
|
|
45
|
-
background: 'hsl(var(--background) / <alpha-value>)',
|
|
46
|
-
foreground: 'hsl(var(--foreground) / <alpha-value>)',
|
|
47
|
-
card: {
|
|
48
|
-
DEFAULT: 'hsl(var(--card) / <alpha-value>)',
|
|
49
|
-
foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
|
|
50
|
-
},
|
|
51
|
-
popover: {
|
|
52
|
-
DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
|
|
53
|
-
foreground: 'hsl(var(--popover-foreground) / <alpha-value>)',
|
|
54
|
-
},
|
|
55
|
-
primary: {
|
|
56
|
-
DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
|
|
57
|
-
foreground: 'hsl(var(--primary-foreground) / <alpha-value>)',
|
|
58
|
-
},
|
|
59
|
-
secondary: {
|
|
60
|
-
DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
|
|
61
|
-
foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)',
|
|
62
|
-
},
|
|
63
|
-
muted: {
|
|
64
|
-
DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
|
|
65
|
-
foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',
|
|
66
|
-
},
|
|
67
|
-
accent: {
|
|
68
|
-
DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
|
|
69
|
-
foreground: 'hsl(var(--accent-foreground) / <alpha-value>)',
|
|
70
|
-
},
|
|
71
|
-
destructive: {
|
|
72
|
-
DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
|
|
73
|
-
foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
|
|
74
|
-
},
|
|
75
|
-
border: 'hsl(var(--border) / <alpha-value>)',
|
|
76
|
-
input: 'hsl(var(--input) / <alpha-value>)',
|
|
77
|
-
ring: 'hsl(var(--ring) / <alpha-value>)',
|
|
78
|
-
sidebar: {
|
|
79
|
-
DEFAULT: 'hsl(var(--sidebar) / <alpha-value>)',
|
|
80
|
-
foreground: 'hsl(var(--sidebar-foreground) / <alpha-value>)',
|
|
81
|
-
primary: 'hsl(var(--sidebar-primary) / <alpha-value>)',
|
|
82
|
-
'primary-foreground': 'hsl(var(--sidebar-primary-foreground) / <alpha-value>)',
|
|
83
|
-
accent: 'hsl(var(--sidebar-accent) / <alpha-value>)',
|
|
84
|
-
'accent-foreground': 'hsl(var(--sidebar-accent-foreground) / <alpha-value>)',
|
|
85
|
-
border: 'hsl(var(--sidebar-border) / <alpha-value>)',
|
|
86
|
-
ring: 'hsl(var(--sidebar-ring) / <alpha-value>)',
|
|
87
|
-
},
|
|
88
|
-
...generateColorScales(colorScales),
|
|
89
|
-
};
|
|
90
|
-
export const fontFamily = generateFontFamilyTokens(fontFamilies);
|
|
91
|
-
export const borderRadius = {
|
|
92
|
-
...generateRadiusTokens(radius),
|
|
93
|
-
lg: 'var(--radius-lg)',
|
|
94
|
-
md: 'var(--radius-md)',
|
|
95
|
-
sm: 'var(--radius-sm)',
|
|
96
|
-
xl: 'var(--radius-xl)',
|
|
97
|
-
};
|
|
98
|
-
export const extend = {
|
|
99
|
-
colors,
|
|
100
|
-
fontFamily,
|
|
101
|
-
borderRadius,
|
|
102
|
-
keyframes: {
|
|
103
|
-
'accordion-down': {
|
|
104
|
-
from: { height: '0' },
|
|
105
|
-
to: { height: 'var(--radix-accordion-content-height)' },
|
|
106
|
-
},
|
|
107
|
-
'accordion-up': {
|
|
108
|
-
from: { height: 'var(--radix-accordion-content-height)' },
|
|
109
|
-
to: { height: '0' },
|
|
110
|
-
},
|
|
111
|
-
'pulse-slow': {
|
|
112
|
-
'0%, 100%': { opacity: '1' },
|
|
113
|
-
'50%': { opacity: '0.5' },
|
|
114
|
-
},
|
|
115
|
-
shimmer: {
|
|
116
|
-
'0%': { transform: 'translateX(-100%)' },
|
|
117
|
-
'100%': { transform: 'translateX(100%)' },
|
|
118
|
-
},
|
|
119
|
-
'neon-pulse': {
|
|
120
|
-
from: {
|
|
121
|
-
boxShadow: '0 0 5px hsl(var(--primary) / 0.5), 0 0 10px hsl(var(--primary) / 0.3), 0 0 15px hsl(var(--primary) / 0.1)',
|
|
122
|
-
},
|
|
123
|
-
to: {
|
|
124
|
-
boxShadow: '0 0 10px hsl(var(--primary) / 0.6), 0 0 20px hsl(var(--primary) / 0.4), 0 0 30px hsl(var(--primary) / 0.2)',
|
|
125
|
-
},
|
|
126
|
-
},
|
|
127
|
-
},
|
|
128
|
-
animation: {
|
|
129
|
-
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
130
|
-
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
131
|
-
'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
132
|
-
shimmer: 'shimmer 2s linear infinite',
|
|
133
|
-
'neon-glow': 'neon-pulse 2s ease-in-out infinite alternate',
|
|
134
|
-
},
|
|
135
|
-
};
|
|
136
|
-
const composeTheme = {
|
|
137
|
-
content: [],
|
|
138
|
-
theme: {
|
|
139
|
-
extend,
|
|
140
|
-
},
|
|
141
|
-
plugins: [],
|
|
142
|
-
};
|
|
143
|
-
export default composeTheme;
|
|
144
|
-
//# sourceMappingURL=preset.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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"}
|