@compose-market/theme 0.0.1

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 (50) hide show
  1. package/README.md +145 -0
  2. package/dist/css/dark.css +38 -0
  3. package/dist/css/index.css +9 -0
  4. package/dist/css/index.d.ts +16 -0
  5. package/dist/css/index.d.ts.map +1 -0
  6. package/dist/css/index.js +96 -0
  7. package/dist/css/index.js.map +1 -0
  8. package/dist/css/light.css +70 -0
  9. package/dist/css/tokens.css +24 -0
  10. package/dist/index.d.ts +13 -0
  11. package/dist/index.d.ts.map +1 -0
  12. package/dist/index.js +13 -0
  13. package/dist/index.js.map +1 -0
  14. package/dist/tailwind/preset.d.ts +282 -0
  15. package/dist/tailwind/preset.d.ts.map +1 -0
  16. package/dist/tailwind/preset.js +144 -0
  17. package/dist/tailwind/preset.js.map +1 -0
  18. package/dist/themes/dark.d.ts +61 -0
  19. package/dist/themes/dark.d.ts.map +1 -0
  20. package/dist/themes/dark.js +59 -0
  21. package/dist/themes/dark.js.map +1 -0
  22. package/dist/themes/index.d.ts +22 -0
  23. package/dist/themes/index.d.ts.map +1 -0
  24. package/dist/themes/index.js +30 -0
  25. package/dist/themes/index.js.map +1 -0
  26. package/dist/themes/light.d.ts +37 -0
  27. package/dist/themes/light.d.ts.map +1 -0
  28. package/dist/themes/light.js +64 -0
  29. package/dist/themes/light.js.map +1 -0
  30. package/dist/tokens/colors.d.ts +79 -0
  31. package/dist/tokens/colors.d.ts.map +1 -0
  32. package/dist/tokens/colors.js +149 -0
  33. package/dist/tokens/colors.js.map +1 -0
  34. package/dist/tokens/index.d.ts +25 -0
  35. package/dist/tokens/index.d.ts.map +1 -0
  36. package/dist/tokens/index.js +24 -0
  37. package/dist/tokens/index.js.map +1 -0
  38. package/dist/tokens/radius.d.ts +16 -0
  39. package/dist/tokens/radius.d.ts.map +1 -0
  40. package/dist/tokens/radius.js +57 -0
  41. package/dist/tokens/radius.js.map +1 -0
  42. package/dist/tokens/spacing.d.ts +13 -0
  43. package/dist/tokens/spacing.d.ts.map +1 -0
  44. package/dist/tokens/spacing.js +218 -0
  45. package/dist/tokens/spacing.js.map +1 -0
  46. package/dist/tokens/typography.d.ts +35 -0
  47. package/dist/tokens/typography.d.ts.map +1 -0
  48. package/dist/tokens/typography.js +117 -0
  49. package/dist/tokens/typography.js.map +1 -0
  50. package/package.json +74 -0
package/README.md ADDED
@@ -0,0 +1,145 @@
1
+ # @compose-market/theme
2
+
3
+ Official design tokens and theme system for Compose.Market - the Web3 Native AI Agent Marketplace.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install @compose-market/theme
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ ### CSS Variables (Recommended)
14
+
15
+ Import the CSS directly for use in any project:
16
+
17
+ ```css
18
+ /* In your main CSS file */
19
+ @import "@compose-market/theme/css";
20
+
21
+ /* Or import individual files */
22
+ @import "@compose-market/theme/css/tokens"; /* Fonts, radius */
23
+ @import "@compose-market/theme/css/dark"; /* Dark theme */
24
+ @import "@compose-market/theme/css/light"; /* Light theme (optional) */
25
+ ```
26
+
27
+ ### Tailwind CSS Integration
28
+
29
+ Use the Tailwind preset for seamless integration:
30
+
31
+ ```javascript
32
+ // tailwind.config.js
33
+ import composeTheme from "@compose-market/theme/tailwind";
34
+
35
+ export default {
36
+ presets: [composeTheme],
37
+ content: ["./src/**/*.{js,ts,jsx,tsx}"],
38
+ };
39
+ ```
40
+
41
+ ### JavaScript/TypeScript
42
+
43
+ Access tokens programmatically:
44
+
45
+ ```typescript
46
+ import { tokens, themes, getThemeColors } from "@compose-market/theme";
47
+
48
+ // Get all design tokens
49
+ console.log(tokens.colors.brand.cyan); // "188 95% 43%"
50
+
51
+ // Get theme colors
52
+ const darkColors = getThemeColors("dark");
53
+ console.log(darkColors.primary); // "188 95% 43%"
54
+ ```
55
+
56
+ ## Design Tokens
57
+
58
+ ### Brand Colors
59
+
60
+ | Name | HSL | Hex | Usage |
61
+ |------|-----|-----|-------|
62
+ | Cyan (Primary) | `188 95% 43%` | `#22d3ee` | Primary actions, links |
63
+ | Fuchsia (Accent) | `292 85% 55%` | `#d946ef` | Accents, highlights |
64
+ | Dark Background | `222 47% 3%` | `#020617` | Main background |
65
+
66
+ ### Typography
67
+
68
+ - **Display:** Orbitron (headers, brand text)
69
+ - **Body:** Rajdhani (UI, paragraphs)
70
+ - **Code:** Fira Code (monospace, technical)
71
+
72
+ ### Semantic Colors
73
+
74
+ The theme uses semantic color names that adapt to light/dark mode:
75
+
76
+ - `background`, `foreground`
77
+ - `card`, `cardForeground`
78
+ - `popover`, `popoverForeground`
79
+ - `primary`, `primaryForeground`
80
+ - `secondary`, `secondaryForeground`
81
+ - `muted`, `mutedForeground`
82
+ - `accent`, `accentForeground`
83
+ - `destructive`, `destructiveForeground`
84
+ - `border`, `input`, `ring`
85
+
86
+ ## Themes
87
+
88
+ ### Dark Theme (Default)
89
+
90
+ Cyberpunk-inspired dark theme with neon cyan and fuchsia accents.
91
+
92
+ ```css
93
+ /* Activate dark theme (default, no action needed) */
94
+ @import "@compose-market/theme/css";
95
+ ```
96
+
97
+ ### Light Theme
98
+
99
+ Clean, professional light theme with the same accent colors.
100
+
101
+ ```css
102
+ /* Import both themes */
103
+ @import "@compose-market/theme/css/tokens";
104
+ @import "@compose-market/theme/css/dark";
105
+ @import "@compose-market/theme/css/light";
106
+
107
+ /* Activate light mode via class */
108
+ <html class="light">
109
+ ```
110
+
111
+ Or via data attribute:
112
+
113
+ ```html
114
+ <html data-theme="light">
115
+ ```
116
+
117
+ ## File Structure
118
+
119
+ ```
120
+ @compose-market/theme/
121
+ ├── dist/
122
+ │ ├── index.js # Main JS export
123
+ │ ├── index.d.ts # Type definitions
124
+ │ ├── tokens/ # Token modules
125
+ │ ├── themes/ # Theme modules
126
+ │ ├── tailwind/ # Tailwind preset
127
+ │ └── css/
128
+ │ ├── index.css # Main CSS (tokens + dark)
129
+ │ ├── tokens.css # Base tokens (fonts, radius)
130
+ │ ├── dark.css # Dark theme colors
131
+ │ └── light.css # Light theme colors
132
+ └── src/ # Source TypeScript
133
+ ```
134
+
135
+ ## Versioning
136
+
137
+ This package follows [Semantic Versioning](https://semver.org/):
138
+
139
+ - **Major:** Breaking changes to token names or structure
140
+ - **Minor:** New tokens, themes, or features (backward compatible)
141
+ - **Patch:** Bug fixes, value adjustments
142
+
143
+ ## License
144
+
145
+ MIT © Compose.Market
package/dist/css/dark.css ADDED
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Compose.Market Dark Theme
3
+ * @compose-market/theme
4
+ *
5
+ * Cyberpunk-inspired dark theme with neon accents.
6
+ * DO NOT EDIT - This file is generated from the theme package.
7
+ */
8
+
9
+ :root {
10
+ /* Colors */
11
+ --background: 222 47% 3%;
12
+ --foreground: 210 40% 80%;
13
+ --card: 222 40% 5%;
14
+ --card-foreground: 210 30% 75%;
15
+ --popover: 222 40% 4%;
16
+ --popover-foreground: 210 30% 75%;
17
+ --primary: 188 95% 43%;
18
+ --primary-foreground: 222 47% 3%;
19
+ --secondary: 270 60% 20%;
20
+ --secondary-foreground: 270 80% 90%;
21
+ --muted: 217 33% 15%;
22
+ --muted-foreground: 215 16% 47%;
23
+ --accent: 292 85% 55%;
24
+ --accent-foreground: 0 0% 100%;
25
+ --destructive: 0 90% 50%;
26
+ --destructive-foreground: 0 0% 100%;
27
+ --border: 217 33% 15%;
28
+ --input: 217 33% 10%;
29
+ --ring: 188 95% 43%;
30
+ --sidebar: 222 47% 3%;
31
+ --sidebar-foreground: 210 30% 75%;
32
+ --sidebar-primary: 188 95% 43%;
33
+ --sidebar-primary-foreground: 222 47% 3%;
34
+ --sidebar-accent: 222 40% 8%;
35
+ --sidebar-accent-foreground: 210 40% 90%;
36
+ --sidebar-border: 217 33% 15%;
37
+ --sidebar-ring: 188 95% 43%;
38
+ }
package/dist/css/index.css ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Compose.Market Theme System
3
+ * @compose-market/theme/css
4
+ *
5
+ * Import this file for the complete theme (dark by default).
6
+ */
7
+
8
+ @import './tokens.css';
9
+ @import './dark.css';
package/dist/css/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * CSS Custom Properties Generator
3
+ *
4
+ * This file is the source for generating CSS. The actual CSS files
5
+ * are generated via the build script, but we also export static
6
+ * templates that can be used directly.
7
+ */
8
+ import { darkTheme } from '../themes/dark';
9
+ export declare function generateThemeCss(theme: typeof darkTheme, themeName: string): string;
10
+ export declare function generateFontCss(): string;
11
+ export declare function generateRadiusCss(): string;
12
+ export declare const baseTokensCss: string;
13
+ export declare const darkThemeCss: string;
14
+ export declare const lightThemeCss: string;
15
+ export declare const indexCss = "/**\n * Compose.Market Theme System\n * @compose-market/theme/css\n * \n * Import this file for the complete theme (dark by default).\n * For light mode support, also import ./light.css\n */\n\n@import './tokens.css';\n@import './dark.css';\n";
16
+ //# sourceMappingURL=index.d.ts.map
package/dist/css/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAanF;AAED,wBAAgB,eAAe,IAAI,MAAM,CASxC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAS1C;AAED,eAAO,MAAM,aAAa,QAazB,CAAC;AAEF,eAAO,MAAM,YAAY,QAaxB,CAAC;AAEF,eAAO,MAAM,aAAa,QAiBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uPAUpB,CAAC"}
package/dist/css/index.js ADDED
@@ -0,0 +1,96 @@
1
+ /**
2
+ * CSS Custom Properties Generator
3
+ *
4
+ * This file is the source for generating CSS. The actual CSS files
5
+ * are generated via the build script, but we also export static
6
+ * templates that can be used directly.
7
+ */
8
+ import { fontFamilies } from '../tokens/typography';
9
+ import { radius } from '../tokens/radius';
10
+ import { darkTheme } from '../themes/dark';
11
+ import { lightTheme } from '../themes/light';
12
+ export function generateThemeCss(theme, themeName) {
13
+ const lines = [];
14
+ lines.push(`/* Compose.Market Theme: ${themeName} */`);
15
+ lines.push(`/* Generated from @compose-market/theme */`);
16
+ lines.push('');
17
+ for (const [key, value] of Object.entries(theme)) {
18
+ const cssVarName = `--${key.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
19
+ lines.push(` ${cssVarName}: ${value};`);
20
+ }
21
+ return lines.join('\n');
22
+ }
23
+ export function generateFontCss() {
24
+ const lines = [];
25
+ lines.push('/* Typography */');
26
+ for (const font of Object.values(fontFamilies)) {
27
+ lines.push(` ${font.cssVar}: ${font.value}, ${font.fallback};`);
28
+ }
29
+ return lines.join('\n');
30
+ }
31
+ export function generateRadiusCss() {
32
+ const lines = [];
33
+ lines.push('/* Border Radius */');
34
+ for (const r of Object.values(radius)) {
35
+ lines.push(` ${r.cssVar}: ${r.value};`);
36
+ }
37
+ return lines.join('\n');
38
+ }
39
+ export const baseTokensCss = `/**
40
+ * Compose.Market Design Tokens
41
+ * @compose-market/theme
42
+ *
43
+ * DO NOT EDIT - This file is generated from the theme package.
44
+ * Source: backend/services/packages/theme/src/css/tokens.css
45
+ */
46
+
47
+ :root {
48
+ ${generateFontCss()}
49
+
50
+ ${generateRadiusCss()}
51
+ }
52
+ `;
53
+ export const darkThemeCss = `/**
54
+ * Compose.Market Dark Theme
55
+ * @compose-market/theme
56
+ *
57
+ * Cyberpunk-inspired dark theme with neon accents.
58
+ * DO NOT EDIT - This file is generated from the theme package.
59
+ */
60
+
61
+ :root {
62
+ ${generateThemeCss(darkTheme, 'dark')}
63
+ }
64
+
65
+ /* Dark mode is default - no @media query needed */
66
+ `;
67
+ export const lightThemeCss = `/**
68
+ * Compose.Market Light Theme
69
+ * @compose-market/theme
70
+ *
71
+ * Clean, professional light theme.
72
+ * DO NOT EDIT - This file is generated from the theme package.
73
+ */
74
+
75
+ :root {
76
+ ${generateThemeCss(lightTheme, 'light')}
77
+ }
78
+
79
+ /* Light mode activation via class or data attribute */
80
+ .light,
81
+ [data-theme="light"] {
82
+ ${generateThemeCss(lightTheme, 'light').split('\n').slice(3).join('\n')}
83
+ }
84
+ `;
85
+ export const indexCss = `/**
86
+ * Compose.Market Theme System
87
+ * @compose-market/theme/css
88
+ *
89
+ * Import this file for the complete theme (dark by default).
90
+ * For light mode support, also import ./light.css
91
+ */
92
+
93
+ @import './tokens.css';
94
+ @import './dark.css';
95
+ `;
96
+ //# sourceMappingURL=index.js.map
package/dist/css/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,KAAuB,EAAE,SAAiB;IACzE,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,4BAA4B,SAAS,KAAK,CAAC,CAAC;IACvD,KAAK,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;IACzD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEf,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACvE,KAAK,CAAC,IAAI,CAAC,KAAK,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAClC,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,eAAe,EAAE;;EAEjB,iBAAiB,EAAE;;CAEpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;EAS1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC;;;;;;EAMrC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;CAUvB,CAAC"}
package/dist/css/light.css ADDED
@@ -0,0 +1,70 @@
1
+ /**
2
+ * Compose.Market Light Theme
3
+ * @compose-market/theme
4
+ *
5
+ * Clean, professional light theme.
6
+ * DO NOT EDIT - This file is generated from the theme package.
7
+ */
8
+
9
+ :root {
10
+ /* Colors */
11
+ --background: 0 0% 100%;
12
+ --foreground: 222 47% 11%;
13
+ --card: 0 0% 100%;
14
+ --card-foreground: 222 47% 11%;
15
+ --popover: 0 0% 100%;
16
+ --popover-foreground: 222 47% 11%;
17
+ --primary: 188 95% 43%;
18
+ --primary-foreground: 0 0% 100%;
19
+ --secondary: 210 40% 96%;
20
+ --secondary-foreground: 222 47% 11%;
21
+ --muted: 210 40% 96%;
22
+ --muted-foreground: 215 16% 47%;
23
+ --accent: 292 85% 55%;
24
+ --accent-foreground: 0 0% 100%;
25
+ --destructive: 0 84% 60%;
26
+ --destructive-foreground: 0 0% 100%;
27
+ --border: 214 32% 91%;
28
+ --input: 214 32% 91%;
29
+ --ring: 188 95% 43%;
30
+ --sidebar: 0 0% 98%;
31
+ --sidebar-foreground: 222 47% 11%;
32
+ --sidebar-primary: 188 95% 43%;
33
+ --sidebar-primary-foreground: 0 0% 100%;
34
+ --sidebar-accent: 210 40% 96%;
35
+ --sidebar-accent-foreground: 222 47% 11%;
36
+ --sidebar-border: 214 32% 91%;
37
+ --sidebar-ring: 188 95% 43%;
38
+ }
39
+
40
+ /* Light mode activation */
41
+ .light,
42
+ [data-theme="light"] {
43
+ --background: 0 0% 100%;
44
+ --foreground: 222 47% 11%;
45
+ --card: 0 0% 100%;
46
+ --card-foreground: 222 47% 11%;
47
+ --popover: 0 0% 100%;
48
+ --popover-foreground: 222 47% 11%;
49
+ --primary: 188 95% 43%;
50
+ --primary-foreground: 0 0% 100%;
51
+ --secondary: 210 40% 96%;
52
+ --secondary-foreground: 222 47% 11%;
53
+ --muted: 210 40% 96%;
54
+ --muted-foreground: 215 16% 47%;
55
+ --accent: 292 85% 55%;
56
+ --accent-foreground: 0 0% 100%;
57
+ --destructive: 0 84% 60%;
58
+ --destructive-foreground: 0 0% 100%;
59
+ --border: 214 32% 91%;
60
+ --input: 214 32% 91%;
61
+ --ring: 188 95% 43%;
62
+ --sidebar: 0 0% 98%;
63
+ --sidebar-foreground: 222 47% 11%;
64
+ --sidebar-primary: 188 95% 43%;
65
+ --sidebar-primary-foreground: 0 0% 100%;
66
+ --sidebar-accent: 210 40% 96%;
67
+ --sidebar-accent-foreground: 222 47% 11%;
68
+ --sidebar-border: 214 32% 91%;
69
+ --sidebar-ring: 188 95% 43%;
70
+ }
package/dist/css/tokens.css ADDED
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Compose.Market Design Tokens
3
+ * @compose-market/theme
4
+ *
5
+ * DO NOT EDIT - This file is generated from the theme package.
6
+ */
7
+
8
+ :root {
9
+ /* Typography */
10
+ --font-display: "Orbitron", sans-serif;
11
+ --font-sans: "Rajdhani", sans-serif;
12
+ --font-mono: "Fira Code", monospace;
13
+
14
+ /* Border Radius */
15
+ --radius-none: 0;
16
+ --radius-sm: 0.125rem;
17
+ --radius: 0.25rem;
18
+ --radius-md: 0.25rem;
19
+ --radius-lg: 0.5rem;
20
+ --radius-xl: 0.75rem;
21
+ --radius-2xl: 1rem;
22
+ --radius-3xl: 1.5rem;
23
+ --radius-full: 9999px;
24
+ }
package/dist/index.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @compose-market/theme
3
+ *
4
+ * Official design tokens and theme system for Compose.Market
5
+ */
6
+ export * from './tokens';
7
+ export * from './themes';
8
+ import { tokens, type DesignTokens } from './tokens';
9
+ import { themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme } from './themes';
10
+ export { tokens, themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme, type DesignTokens, };
11
+ export declare const packageVersion = "1.0.0";
12
+ export declare const packageName = "@compose-market/theme";
13
+ //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @compose-market/theme
3
+ *
4
+ * Official design tokens and theme system for Compose.Market
5
+ */
6
+ export * from './tokens';
7
+ export * from './themes';
8
+ import { tokens } from './tokens';
9
+ import { themes, defaultTheme, getTheme, getThemeColors } from './themes';
10
+ export { tokens, themes, defaultTheme, getTheme, getThemeColors, };
11
+ export const packageVersion = '1.0.0';
12
+ export const packageName = '@compose-market/theme';
13
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}