@lgtm-hq/turbo-themes 0.12.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.
- package/LICENSE +21 -0
- package/README.md +231 -0
- package/assets/css/adapters/bulma.css +26 -0
- package/assets/css/themes/bulma-dark.css +90 -0
- package/assets/css/themes/bulma-light.css +90 -0
- package/assets/css/themes/catppuccin-frappe.css +58 -0
- package/assets/css/themes/catppuccin-latte.css +58 -0
- package/assets/css/themes/catppuccin-macchiato.css +58 -0
- package/assets/css/themes/catppuccin-mocha.css +58 -0
- package/assets/css/themes/dracula.css +90 -0
- package/assets/css/themes/github-dark.css +58 -0
- package/assets/css/themes/github-light.css +58 -0
- package/assets/css/turbo-core.css +92 -0
- package/dist/adapters/bootstrap/_utilities.scss +178 -0
- package/dist/adapters/bootstrap/_variables.scss +99 -0
- package/dist/adapters/tailwind/colors.js +133 -0
- package/dist/adapters/tailwind/preset.js +136 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -0
- package/dist/themes/bulma.d.ts +31 -0
- package/dist/themes/bulma.d.ts.map +1 -0
- package/dist/themes/bulma.js +160 -0
- package/dist/themes/bulma.js.map +1 -0
- package/dist/themes/css.d.ts +4 -0
- package/dist/themes/css.d.ts.map +1 -0
- package/dist/themes/css.js +617 -0
- package/dist/themes/css.js.map +1 -0
- package/dist/themes/packs/bulma.d.ts +12 -0
- package/dist/themes/packs/bulma.d.ts.map +1 -0
- package/dist/themes/packs/bulma.js +285 -0
- package/dist/themes/packs/bulma.js.map +1 -0
- package/dist/themes/packs/catppuccin.synced.d.ts +3 -0
- package/dist/themes/packs/catppuccin.synced.d.ts.map +1 -0
- package/dist/themes/packs/catppuccin.synced.js +340 -0
- package/dist/themes/packs/catppuccin.synced.js.map +1 -0
- package/dist/themes/packs/dracula.d.ts +8 -0
- package/dist/themes/packs/dracula.d.ts.map +1 -0
- package/dist/themes/packs/dracula.js +145 -0
- package/dist/themes/packs/dracula.js.map +1 -0
- package/dist/themes/packs/github.synced.d.ts +10 -0
- package/dist/themes/packs/github.synced.d.ts.map +1 -0
- package/dist/themes/packs/github.synced.js +281 -0
- package/dist/themes/packs/github.synced.js.map +1 -0
- package/dist/themes/registry.d.ts +3 -0
- package/dist/themes/registry.d.ts.map +1 -0
- package/dist/themes/registry.js +16 -0
- package/dist/themes/registry.js.map +1 -0
- package/dist/themes/types.d.ts +172 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/themes/types.js +4 -0
- package/dist/themes/types.js.map +1 -0
- package/dist/tokens/index.d.ts +8 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +9 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/style-dictionary/bulma-dark.json +410 -0
- package/dist/tokens/style-dictionary/bulma-light.json +410 -0
- package/dist/tokens/style-dictionary/catppuccin-frappe.json +264 -0
- package/dist/tokens/style-dictionary/catppuccin-latte.json +264 -0
- package/dist/tokens/style-dictionary/catppuccin-macchiato.json +264 -0
- package/dist/tokens/style-dictionary/catppuccin-mocha.json +264 -0
- package/dist/tokens/style-dictionary/dracula.json +409 -0
- package/dist/tokens/style-dictionary/github-dark.json +264 -0
- package/dist/tokens/style-dictionary/github-light.json +264 -0
- package/dist/tokens/style-dictionary/themes.json +2526 -0
- package/dist/tokens/style-dictionary/tokens.json +1050 -0
- package/dist/tokens/tokens-typed.json +218 -0
- package/package.json +180 -0
- package/packages/adapters/bulma/dist/bulma-adapter.css +153 -0
- package/packages/adapters/bulma/dist/index.d.ts +60 -0
- package/packages/adapters/bulma/dist/index.d.ts.map +1 -0
- package/packages/adapters/bulma/dist/index.js +343 -0
- package/packages/adapters/bulma/dist/index.js.map +1 -0
- package/packages/adapters/tailwind/dist/colors.d.ts +32 -0
- package/packages/adapters/tailwind/dist/colors.d.ts.map +1 -0
- package/packages/adapters/tailwind/dist/colors.js +133 -0
- package/packages/adapters/tailwind/dist/colors.js.map +1 -0
- package/packages/adapters/tailwind/dist/preset.d.ts +117 -0
- package/packages/adapters/tailwind/dist/preset.d.ts.map +1 -0
- package/packages/adapters/tailwind/dist/preset.js +136 -0
- package/packages/adapters/tailwind/dist/preset.js.map +1 -0
- package/packages/adapters/tailwind/dist/tsconfig.tsbuildinfo +1 -0
- package/packages/css/dist/base.d.ts +27 -0
- package/packages/css/dist/base.d.ts.map +1 -0
- package/packages/css/dist/base.js +277 -0
- package/packages/css/dist/base.js.map +1 -0
- package/packages/css/dist/components/buttons.css +141 -0
- package/packages/css/dist/components/cards.css +157 -0
- package/packages/css/dist/components/forms.css +109 -0
- package/packages/css/dist/components/navigation.css +175 -0
- package/packages/css/dist/components/notifications.css +192 -0
- package/packages/css/dist/components/progress.css +113 -0
- package/packages/css/dist/components/sidebar.css +537 -0
- package/packages/css/dist/components/tables.css +157 -0
- package/packages/css/dist/components/tabs.css +106 -0
- package/packages/css/dist/components/tags.css +121 -0
- package/packages/css/dist/generator.d.ts +60 -0
- package/packages/css/dist/generator.d.ts.map +1 -0
- package/packages/css/dist/generator.js +267 -0
- package/packages/css/dist/generator.js.map +1 -0
- package/packages/css/dist/index.d.ts +13 -0
- package/packages/css/dist/index.d.ts.map +1 -0
- package/packages/css/dist/index.js +16 -0
- package/packages/css/dist/index.js.map +1 -0
- package/packages/css/dist/syntax.d.ts +29 -0
- package/packages/css/dist/syntax.d.ts.map +1 -0
- package/packages/css/dist/syntax.js +341 -0
- package/packages/css/dist/syntax.js.map +1 -0
- package/packages/css/dist/themes/bulma-dark.css +86 -0
- package/packages/css/dist/themes/bulma-light.css +86 -0
- package/packages/css/dist/themes/catppuccin-frappe.css +61 -0
- package/packages/css/dist/themes/catppuccin-latte.css +61 -0
- package/packages/css/dist/themes/catppuccin-macchiato.css +61 -0
- package/packages/css/dist/themes/catppuccin-mocha.css +61 -0
- package/packages/css/dist/themes/dracula.css +85 -0
- package/packages/css/dist/themes/github-dark.css +61 -0
- package/packages/css/dist/themes/github-light.css +61 -0
- package/packages/css/dist/turbo-base.css +246 -0
- package/packages/css/dist/turbo-components.css +1833 -0
- package/packages/css/dist/turbo-core.css +92 -0
- package/packages/css/dist/turbo-syntax.css +242 -0
- package/packages/css/dist/turbo.css +727 -0
- package/packages/theme-selector/dist/accessibility.d.ts +8 -0
- package/packages/theme-selector/dist/accessibility.d.ts.map +1 -0
- package/packages/theme-selector/dist/accessibility.js +19 -0
- package/packages/theme-selector/dist/accessibility.js.map +1 -0
- package/packages/theme-selector/dist/apply-theme.d.ts +12 -0
- package/packages/theme-selector/dist/apply-theme.d.ts.map +1 -0
- package/packages/theme-selector/dist/apply-theme.js +60 -0
- package/packages/theme-selector/dist/apply-theme.js.map +1 -0
- package/packages/theme-selector/dist/constants.d.ts +28 -0
- package/packages/theme-selector/dist/constants.d.ts.map +1 -0
- package/packages/theme-selector/dist/constants.js +29 -0
- package/packages/theme-selector/dist/constants.js.map +1 -0
- package/packages/theme-selector/dist/dropdown/events.d.ts +9 -0
- package/packages/theme-selector/dist/dropdown/events.d.ts.map +1 -0
- package/packages/theme-selector/dist/dropdown/events.js +120 -0
- package/packages/theme-selector/dist/dropdown/events.js.map +1 -0
- package/packages/theme-selector/dist/dropdown/helpers.d.ts +12 -0
- package/packages/theme-selector/dist/dropdown/helpers.d.ts.map +1 -0
- package/packages/theme-selector/dist/dropdown/helpers.js +25 -0
- package/packages/theme-selector/dist/dropdown/helpers.js.map +1 -0
- package/packages/theme-selector/dist/dropdown/state.d.ts +26 -0
- package/packages/theme-selector/dist/dropdown/state.d.ts.map +1 -0
- package/packages/theme-selector/dist/dropdown/state.js +50 -0
- package/packages/theme-selector/dist/dropdown/state.js.map +1 -0
- package/packages/theme-selector/dist/dropdown/ui.d.ts +46 -0
- package/packages/theme-selector/dist/dropdown/ui.d.ts.map +1 -0
- package/packages/theme-selector/dist/dropdown/ui.js +179 -0
- package/packages/theme-selector/dist/dropdown/ui.js.map +1 -0
- package/packages/theme-selector/dist/errors.d.ts +59 -0
- package/packages/theme-selector/dist/errors.d.ts.map +1 -0
- package/packages/theme-selector/dist/errors.js +127 -0
- package/packages/theme-selector/dist/errors.js.map +1 -0
- package/packages/theme-selector/dist/index.d.ts +25 -0
- package/packages/theme-selector/dist/index.d.ts.map +1 -0
- package/packages/theme-selector/dist/index.js +114 -0
- package/packages/theme-selector/dist/index.js.map +1 -0
- package/packages/theme-selector/dist/navbar.d.ts +13 -0
- package/packages/theme-selector/dist/navbar.d.ts.map +1 -0
- package/packages/theme-selector/dist/navbar.js +75 -0
- package/packages/theme-selector/dist/navbar.js.map +1 -0
- package/packages/theme-selector/dist/storage.d.ts +32 -0
- package/packages/theme-selector/dist/storage.d.ts.map +1 -0
- package/packages/theme-selector/dist/storage.js +100 -0
- package/packages/theme-selector/dist/storage.js.map +1 -0
- package/packages/theme-selector/dist/theme-loader.d.ts +37 -0
- package/packages/theme-selector/dist/theme-loader.d.ts.map +1 -0
- package/packages/theme-selector/dist/theme-loader.js +142 -0
- package/packages/theme-selector/dist/theme-loader.js.map +1 -0
- package/packages/theme-selector/dist/theme-mapper.d.ts +25 -0
- package/packages/theme-selector/dist/theme-mapper.d.ts.map +1 -0
- package/packages/theme-selector/dist/theme-mapper.js +99 -0
- package/packages/theme-selector/dist/theme-mapper.js.map +1 -0
- package/packages/theme-selector/dist/theme-resolver.d.ts +50 -0
- package/packages/theme-selector/dist/theme-resolver.d.ts.map +1 -0
- package/packages/theme-selector/dist/theme-resolver.js +84 -0
- package/packages/theme-selector/dist/theme-resolver.js.map +1 -0
- package/packages/theme-selector/dist/types.d.ts +7 -0
- package/packages/theme-selector/dist/types.d.ts.map +1 -0
- package/packages/theme-selector/dist/types.js +6 -0
- package/packages/theme-selector/dist/types.js.map +1 -0
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
/**
|
|
3
|
+
* Bulma CSS adapter for Turbo Themes.
|
|
4
|
+
*
|
|
5
|
+
* Provides utilities to integrate Turbo theme tokens with Bulma CSS framework.
|
|
6
|
+
* This adapter maps Turbo CSS custom properties to Bulma's expected variables.
|
|
7
|
+
*
|
|
8
|
+
* @packageDocumentation
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Convert hex color to HSL values
|
|
12
|
+
*/
|
|
13
|
+
export function hexToHsl(hex) {
|
|
14
|
+
// Remove # if present
|
|
15
|
+
const cleanHex = hex.replace('#', '');
|
|
16
|
+
// Parse hex to RGB
|
|
17
|
+
const r = Number.parseInt(cleanHex.slice(0, 2), 16) / 255;
|
|
18
|
+
const g = Number.parseInt(cleanHex.slice(2, 4), 16) / 255;
|
|
19
|
+
const b = Number.parseInt(cleanHex.slice(4, 6), 16) / 255;
|
|
20
|
+
const max = Math.max(r, g, b);
|
|
21
|
+
const min = Math.min(r, g, b);
|
|
22
|
+
let h;
|
|
23
|
+
const l = (max + min) / 2;
|
|
24
|
+
let s;
|
|
25
|
+
if (max === min) {
|
|
26
|
+
h = s = 0; // achromatic
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
const d = max - min;
|
|
30
|
+
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
31
|
+
switch (max) {
|
|
32
|
+
case r:
|
|
33
|
+
h = (g - b) / d + (g < b ? 6 : 0);
|
|
34
|
+
break;
|
|
35
|
+
case g:
|
|
36
|
+
h = (b - r) / d + 2;
|
|
37
|
+
break;
|
|
38
|
+
default:
|
|
39
|
+
h = (r - g) / d + 4;
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
h /= 6;
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
h: Math.round(h * 360),
|
|
46
|
+
s: Math.round(s * 100),
|
|
47
|
+
l: Math.round(l * 100),
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Generate Bulma Sass configuration from theme config
|
|
52
|
+
*/
|
|
53
|
+
export function generateBulmaConfig(config) {
|
|
54
|
+
const lines = [];
|
|
55
|
+
// Breakpoints
|
|
56
|
+
if (config.breakpoints) {
|
|
57
|
+
lines.push('// Custom breakpoints');
|
|
58
|
+
const breakpoints = config.breakpoints;
|
|
59
|
+
if (breakpoints.mobile)
|
|
60
|
+
lines.push(`$mobile: ${breakpoints.mobile};`);
|
|
61
|
+
if (breakpoints.tablet)
|
|
62
|
+
lines.push(`$tablet: ${breakpoints.tablet};`);
|
|
63
|
+
if (breakpoints.desktop)
|
|
64
|
+
lines.push(`$desktop: ${breakpoints.desktop};`);
|
|
65
|
+
if (breakpoints.widescreen)
|
|
66
|
+
lines.push(`$widescreen: ${breakpoints.widescreen};`);
|
|
67
|
+
if (breakpoints.fullhd)
|
|
68
|
+
lines.push(`$fullhd: ${breakpoints.fullhd};`);
|
|
69
|
+
lines.push('');
|
|
70
|
+
}
|
|
71
|
+
// Spacing
|
|
72
|
+
if (config.spacing) {
|
|
73
|
+
lines.push('// Custom spacing scale');
|
|
74
|
+
const spacing = config.spacing;
|
|
75
|
+
if (spacing.small)
|
|
76
|
+
lines.push(`$spacing-small: ${spacing.small};`);
|
|
77
|
+
if (spacing.medium)
|
|
78
|
+
lines.push(`$spacing-medium: ${spacing.medium};`);
|
|
79
|
+
if (spacing.large)
|
|
80
|
+
lines.push(`$spacing-large: ${spacing.large};`);
|
|
81
|
+
lines.push('');
|
|
82
|
+
}
|
|
83
|
+
// Sizes
|
|
84
|
+
if (config.sizes) {
|
|
85
|
+
lines.push('// Custom typography sizes');
|
|
86
|
+
const sizes = config.sizes;
|
|
87
|
+
if (sizes.small)
|
|
88
|
+
lines.push(`$size-small: ${sizes.small};`);
|
|
89
|
+
if (sizes.normal)
|
|
90
|
+
lines.push(`$size-normal: ${sizes.normal};`);
|
|
91
|
+
if (sizes.medium)
|
|
92
|
+
lines.push(`$size-medium: ${sizes.medium};`);
|
|
93
|
+
if (sizes.large)
|
|
94
|
+
lines.push(`$size-large: ${sizes.large};`);
|
|
95
|
+
lines.push('');
|
|
96
|
+
}
|
|
97
|
+
// Radius
|
|
98
|
+
if (config.radius) {
|
|
99
|
+
lines.push('// Custom border radius');
|
|
100
|
+
const radius = config.radius;
|
|
101
|
+
if (radius.small)
|
|
102
|
+
lines.push(`$radius-small: ${radius.small};`);
|
|
103
|
+
if (radius.normal)
|
|
104
|
+
lines.push(`$radius: ${radius.normal};`);
|
|
105
|
+
if (radius.medium)
|
|
106
|
+
lines.push(`$radius-medium: ${radius.medium};`);
|
|
107
|
+
if (radius.large)
|
|
108
|
+
lines.push(`$radius-large: ${radius.large};`);
|
|
109
|
+
if (radius.rounded)
|
|
110
|
+
lines.push(`$radius-rounded: ${radius.rounded};`);
|
|
111
|
+
lines.push('');
|
|
112
|
+
}
|
|
113
|
+
// Shadows
|
|
114
|
+
if (config.shadows) {
|
|
115
|
+
lines.push('// Custom shadows');
|
|
116
|
+
const shadows = config.shadows;
|
|
117
|
+
if (shadows.small)
|
|
118
|
+
lines.push(`$shadow-small: ${shadows.small};`);
|
|
119
|
+
if (shadows.normal)
|
|
120
|
+
lines.push(`$shadow-normal: ${shadows.normal};`);
|
|
121
|
+
if (shadows.medium)
|
|
122
|
+
lines.push(`$shadow-medium: ${shadows.medium};`);
|
|
123
|
+
if (shadows.large)
|
|
124
|
+
lines.push(`$shadow-large: ${shadows.large};`);
|
|
125
|
+
lines.push('');
|
|
126
|
+
}
|
|
127
|
+
return lines.join('\n');
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Generate full Bulma @use statement with configuration
|
|
131
|
+
* @param colors - Theme colors in hex format
|
|
132
|
+
* @param config - Optional Bulma configuration (breakpoints, spacing, etc.)
|
|
133
|
+
*/
|
|
134
|
+
export function generateBulmaUse(colors, config) {
|
|
135
|
+
// Convert hex colors to HSL with error handling
|
|
136
|
+
let primaryHsl, linkHsl, infoHsl, successHsl, warningHsl, dangerHsl;
|
|
137
|
+
try {
|
|
138
|
+
primaryHsl = hexToHsl(colors.primary);
|
|
139
|
+
linkHsl = hexToHsl(colors.link);
|
|
140
|
+
infoHsl = hexToHsl(colors.info);
|
|
141
|
+
successHsl = hexToHsl(colors.success);
|
|
142
|
+
warningHsl = hexToHsl(colors.warning);
|
|
143
|
+
dangerHsl = hexToHsl(colors.danger);
|
|
144
|
+
}
|
|
145
|
+
catch (error) {
|
|
146
|
+
throw new Error(`Invalid theme colors: ${error instanceof Error ? error.message : String(error)}`);
|
|
147
|
+
}
|
|
148
|
+
// Generate Bulma config (breakpoints, spacing, etc.)
|
|
149
|
+
const configStr = config ? generateBulmaConfig(config) : '';
|
|
150
|
+
// Build the @use statement with color configuration
|
|
151
|
+
// Use 'bulma/sass' to ensure variables are properly forwarded and configurable
|
|
152
|
+
const colorConfig = `@use 'bulma/sass' with (
|
|
153
|
+
$primary: hsl(${primaryHsl.h}, ${primaryHsl.s}%, ${primaryHsl.l}%),
|
|
154
|
+
$link: hsl(${linkHsl.h}, ${linkHsl.s}%, ${linkHsl.l}%),
|
|
155
|
+
$info: hsl(${infoHsl.h}, ${infoHsl.s}%, ${infoHsl.l}%),
|
|
156
|
+
$success: hsl(${successHsl.h}, ${successHsl.s}%, ${successHsl.l}%),
|
|
157
|
+
$warning: hsl(${warningHsl.h}, ${warningHsl.s}%, ${warningHsl.l}%),
|
|
158
|
+
$danger: hsl(${dangerHsl.h}, ${dangerHsl.s}%, ${dangerHsl.l}%)
|
|
159
|
+
);`;
|
|
160
|
+
// If no additional config, return just the color config
|
|
161
|
+
if (!configStr.trim()) {
|
|
162
|
+
return colorConfig;
|
|
163
|
+
}
|
|
164
|
+
// Combine config and color @use statement with newline separator
|
|
165
|
+
return `${configStr}\n${colorConfig}`;
|
|
166
|
+
}
|
|
167
|
+
/**
|
|
168
|
+
* CSS adapter content that maps Turbo theme variables to Bulma CSS custom properties.
|
|
169
|
+
*
|
|
170
|
+
* This CSS should be loaded AFTER turbo-core.css and BEFORE bulma.css.
|
|
171
|
+
* It bridges the gap between Turbo's variable naming and Bulma's expectations.
|
|
172
|
+
*
|
|
173
|
+
* @example
|
|
174
|
+
* ```html
|
|
175
|
+
* <link rel="stylesheet" href="turbo-core.css" />
|
|
176
|
+
* <link rel="stylesheet" href="turbo-theme.css" />
|
|
177
|
+
* <link rel="stylesheet" href="bulma-adapter.css" />
|
|
178
|
+
* <link rel="stylesheet" href="bulma.css" />
|
|
179
|
+
* ```
|
|
180
|
+
*/
|
|
181
|
+
export const BULMA_ADAPTER_CSS = `/* Turbo Themes - Bulma Adapter */
|
|
182
|
+
/* Maps Turbo CSS variables to Bulma's expected custom properties */
|
|
183
|
+
|
|
184
|
+
:root {
|
|
185
|
+
/* Color Scheme */
|
|
186
|
+
--bulma-scheme-main: var(--turbo-bg-base);
|
|
187
|
+
--bulma-scheme-main-bis: var(--turbo-bg-surface);
|
|
188
|
+
--bulma-scheme-main-ter: var(--turbo-bg-overlay);
|
|
189
|
+
|
|
190
|
+
/* Body & Background */
|
|
191
|
+
--bulma-body-background-color: var(--turbo-bg-base);
|
|
192
|
+
--bulma-background: var(--turbo-bg-surface);
|
|
193
|
+
|
|
194
|
+
/* Text Colors */
|
|
195
|
+
--bulma-text: var(--turbo-text-primary);
|
|
196
|
+
--bulma-text-strong: var(--turbo-text-primary);
|
|
197
|
+
--bulma-text-light: var(--turbo-text-secondary);
|
|
198
|
+
--bulma-text-weak: var(--turbo-text-secondary);
|
|
199
|
+
|
|
200
|
+
/* Brand Color - Primary */
|
|
201
|
+
--bulma-primary: var(--turbo-brand-primary);
|
|
202
|
+
|
|
203
|
+
/* State Colors */
|
|
204
|
+
--bulma-info: var(--turbo-state-info);
|
|
205
|
+
--bulma-success: var(--turbo-state-success);
|
|
206
|
+
--bulma-warning: var(--turbo-state-warning);
|
|
207
|
+
--bulma-danger: var(--turbo-state-danger);
|
|
208
|
+
|
|
209
|
+
/* Link Color */
|
|
210
|
+
--bulma-link: var(--turbo-accent-link);
|
|
211
|
+
--bulma-link-text: var(--turbo-accent-link);
|
|
212
|
+
|
|
213
|
+
/* Border */
|
|
214
|
+
--bulma-border: var(--turbo-border-default);
|
|
215
|
+
--bulma-border-weak: var(--turbo-border-default);
|
|
216
|
+
|
|
217
|
+
/* Typography */
|
|
218
|
+
--bulma-family-primary: var(--turbo-font-sans);
|
|
219
|
+
--bulma-family-code: var(--turbo-font-mono);
|
|
220
|
+
|
|
221
|
+
/* Code */
|
|
222
|
+
--bulma-code: var(--turbo-code-inline-fg);
|
|
223
|
+
--bulma-code-background: var(--turbo-code-inline-bg);
|
|
224
|
+
--bulma-pre: var(--turbo-code-block-fg);
|
|
225
|
+
--bulma-pre-background: var(--turbo-code-block-bg);
|
|
226
|
+
|
|
227
|
+
/* Table */
|
|
228
|
+
--bulma-table-color: var(--turbo-text-primary);
|
|
229
|
+
--bulma-table-background-color: var(--turbo-bg-base);
|
|
230
|
+
--bulma-table-cell-border-color: var(--turbo-table-border);
|
|
231
|
+
--bulma-table-head-background-color: var(--turbo-table-thead-bg);
|
|
232
|
+
--bulma-table-striped-row-even-background-color: var(--turbo-table-stripe);
|
|
233
|
+
|
|
234
|
+
/* Box & Card */
|
|
235
|
+
--bulma-box-background-color: var(--turbo-bg-surface);
|
|
236
|
+
|
|
237
|
+
/* Dropdown */
|
|
238
|
+
--bulma-dropdown-content-background-color: var(--turbo-bg-surface);
|
|
239
|
+
--bulma-dropdown-item-color: var(--turbo-text-primary);
|
|
240
|
+
--bulma-dropdown-item-hover-color: var(--turbo-text-primary);
|
|
241
|
+
--bulma-dropdown-item-hover-background-color: var(--turbo-bg-overlay);
|
|
242
|
+
--bulma-dropdown-item-active-color: var(--turbo-text-inverse);
|
|
243
|
+
--bulma-dropdown-item-active-background-color: var(--turbo-brand-primary);
|
|
244
|
+
|
|
245
|
+
/* Modal */
|
|
246
|
+
--bulma-modal-background-background-color: hsla(0, 0%, 0%, 0.7);
|
|
247
|
+
--bulma-modal-card-head-background-color: var(--turbo-bg-surface);
|
|
248
|
+
--bulma-modal-card-body-background-color: var(--turbo-bg-base);
|
|
249
|
+
--bulma-modal-card-foot-background-color: var(--turbo-bg-surface);
|
|
250
|
+
|
|
251
|
+
/* Navbar */
|
|
252
|
+
--bulma-navbar-background-color: var(--turbo-bg-surface);
|
|
253
|
+
--bulma-navbar-item-color: var(--turbo-text-primary);
|
|
254
|
+
--bulma-navbar-item-hover-color: var(--turbo-text-primary);
|
|
255
|
+
--bulma-navbar-item-hover-background-color: var(--turbo-bg-overlay);
|
|
256
|
+
--bulma-navbar-dropdown-background-color: var(--turbo-bg-surface);
|
|
257
|
+
--bulma-navbar-dropdown-item-hover-color: var(--turbo-text-primary);
|
|
258
|
+
--bulma-navbar-dropdown-item-hover-background-color: var(--turbo-bg-overlay);
|
|
259
|
+
|
|
260
|
+
/* Menu (side navigation) */
|
|
261
|
+
--bulma-menu-item-color: var(--turbo-text-primary);
|
|
262
|
+
--bulma-menu-item-hover-color: var(--turbo-text-primary);
|
|
263
|
+
--bulma-menu-item-hover-background-color: var(--turbo-bg-overlay);
|
|
264
|
+
--bulma-menu-item-active-color: var(--turbo-text-inverse);
|
|
265
|
+
--bulma-menu-item-active-background-color: var(--turbo-brand-primary);
|
|
266
|
+
|
|
267
|
+
/* Panel */
|
|
268
|
+
--bulma-panel-heading-background-color: var(--turbo-bg-overlay);
|
|
269
|
+
--bulma-panel-heading-color: var(--turbo-text-primary);
|
|
270
|
+
--bulma-panel-block-color: var(--turbo-text-primary);
|
|
271
|
+
--bulma-panel-block-hover-background-color: var(--turbo-bg-surface);
|
|
272
|
+
--bulma-panel-block-active-color: var(--turbo-text-inverse);
|
|
273
|
+
--bulma-panel-block-active-background-color: var(--turbo-brand-primary);
|
|
274
|
+
|
|
275
|
+
/* Tabs */
|
|
276
|
+
--bulma-tabs-link-color: var(--turbo-text-primary);
|
|
277
|
+
--bulma-tabs-link-hover-color: var(--turbo-text-primary);
|
|
278
|
+
--bulma-tabs-link-hover-border-bottom-color: var(--turbo-text-primary);
|
|
279
|
+
--bulma-tabs-link-active-color: var(--turbo-brand-primary);
|
|
280
|
+
--bulma-tabs-link-active-border-bottom-color: var(--turbo-brand-primary);
|
|
281
|
+
|
|
282
|
+
/* Input & Form */
|
|
283
|
+
--bulma-input-color: var(--turbo-text-primary);
|
|
284
|
+
--bulma-input-background-color: var(--turbo-bg-base);
|
|
285
|
+
--bulma-input-border-color: var(--turbo-border-default);
|
|
286
|
+
--bulma-input-placeholder-color: var(--turbo-text-secondary);
|
|
287
|
+
--bulma-input-hover-border-color: var(--turbo-text-secondary);
|
|
288
|
+
--bulma-input-focus-border-color: var(--turbo-brand-primary);
|
|
289
|
+
|
|
290
|
+
/* Button */
|
|
291
|
+
--bulma-button-color: var(--turbo-text-primary);
|
|
292
|
+
--bulma-button-background-color: var(--turbo-bg-surface);
|
|
293
|
+
--bulma-button-border-color: var(--turbo-border-default);
|
|
294
|
+
--bulma-button-hover-color: var(--turbo-text-primary);
|
|
295
|
+
--bulma-button-hover-border-color: var(--turbo-text-secondary);
|
|
296
|
+
|
|
297
|
+
/* Message */
|
|
298
|
+
--bulma-message-background-color: var(--turbo-bg-surface);
|
|
299
|
+
--bulma-message-header-background-color: var(--turbo-bg-overlay);
|
|
300
|
+
--bulma-message-body-color: var(--turbo-text-primary);
|
|
301
|
+
|
|
302
|
+
/* Notification */
|
|
303
|
+
--bulma-notification-background-color: var(--turbo-bg-surface);
|
|
304
|
+
--bulma-notification-color: var(--turbo-text-primary);
|
|
305
|
+
|
|
306
|
+
/* Progress */
|
|
307
|
+
--bulma-progress-bar-background-color: var(--turbo-border-default);
|
|
308
|
+
|
|
309
|
+
/* Breadcrumb */
|
|
310
|
+
--bulma-breadcrumb-item-color: var(--turbo-accent-link);
|
|
311
|
+
--bulma-breadcrumb-item-hover-color: var(--turbo-text-primary);
|
|
312
|
+
--bulma-breadcrumb-item-active-color: var(--turbo-text-primary);
|
|
313
|
+
--bulma-breadcrumb-item-separator-color: var(--turbo-text-secondary);
|
|
314
|
+
|
|
315
|
+
/* Pagination */
|
|
316
|
+
--bulma-pagination-color: var(--turbo-text-primary);
|
|
317
|
+
--bulma-pagination-border-color: var(--turbo-border-default);
|
|
318
|
+
--bulma-pagination-hover-color: var(--turbo-text-primary);
|
|
319
|
+
--bulma-pagination-hover-border-color: var(--turbo-text-secondary);
|
|
320
|
+
--bulma-pagination-current-color: var(--turbo-text-inverse);
|
|
321
|
+
--bulma-pagination-current-background-color: var(--turbo-brand-primary);
|
|
322
|
+
--bulma-pagination-current-border-color: var(--turbo-brand-primary);
|
|
323
|
+
|
|
324
|
+
/* Footer */
|
|
325
|
+
--bulma-footer-background-color: var(--turbo-bg-surface);
|
|
326
|
+
--bulma-footer-color: var(--turbo-text-primary);
|
|
327
|
+
|
|
328
|
+
/* Card */
|
|
329
|
+
--bulma-card-background-color: var(--turbo-bg-surface);
|
|
330
|
+
--bulma-card-header-background-color: transparent;
|
|
331
|
+
--bulma-card-footer-background-color: transparent;
|
|
332
|
+
--bulma-card-footer-border-top: 1px solid var(--turbo-border-default);
|
|
333
|
+
}
|
|
334
|
+
`;
|
|
335
|
+
/**
|
|
336
|
+
* Generates the Bulma adapter CSS content.
|
|
337
|
+
*
|
|
338
|
+
* @returns CSS string that maps Turbo variables to Bulma variables
|
|
339
|
+
*/
|
|
340
|
+
export function generateBulmaAdapterCss() {
|
|
341
|
+
return BULMA_ADAPTER_CSS;
|
|
342
|
+
}
|
|
343
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Color mappings for Tailwind preset
|
|
3
|
+
*
|
|
4
|
+
* Generates semantic color classes for each theme variant.
|
|
5
|
+
*/
|
|
6
|
+
type ThemeColors = {
|
|
7
|
+
primary: string;
|
|
8
|
+
surface: string;
|
|
9
|
+
background: string;
|
|
10
|
+
foreground: string;
|
|
11
|
+
accent: string;
|
|
12
|
+
success: string;
|
|
13
|
+
warning: string;
|
|
14
|
+
danger: string;
|
|
15
|
+
info: string;
|
|
16
|
+
border: string;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Create color mappings for the given theme IDs
|
|
20
|
+
* Generates classes like `bg-theme-{id}`, `text-theme-{id}-primary`, etc.
|
|
21
|
+
*/
|
|
22
|
+
export declare function createColorMappings(themeIds: readonly string[]): Record<string, ThemeColors>;
|
|
23
|
+
/**
|
|
24
|
+
* Get all available theme color mappings
|
|
25
|
+
*/
|
|
26
|
+
export declare function getAllThemeColors(): Record<string, ThemeColors>;
|
|
27
|
+
/**
|
|
28
|
+
* Create CSS custom properties for a theme
|
|
29
|
+
*/
|
|
30
|
+
export declare function createThemeCssVariables(themeId: string): string;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../colors.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAIH,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,+BAyB9D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,gCAEhC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA2G/D"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
// SPDX-License-Identifier: MIT
|
|
2
|
+
/**
|
|
3
|
+
* Color mappings for Tailwind preset
|
|
4
|
+
*
|
|
5
|
+
* Generates semantic color classes for each theme variant.
|
|
6
|
+
*/
|
|
7
|
+
import { getTheme, themeIds } from '@lgtm-hq/turbo-themes-core';
|
|
8
|
+
/**
|
|
9
|
+
* Create color mappings for the given theme IDs
|
|
10
|
+
* Generates classes like `bg-theme-{id}`, `text-theme-{id}-primary`, etc.
|
|
11
|
+
*/
|
|
12
|
+
export function createColorMappings(themeIds) {
|
|
13
|
+
const mappings = {};
|
|
14
|
+
themeIds.forEach((themeId) => {
|
|
15
|
+
const theme = getTheme(themeId);
|
|
16
|
+
if (!theme)
|
|
17
|
+
return;
|
|
18
|
+
const themeKey = themeId.replace(/[^a-zA-Z0-9]/g, '-');
|
|
19
|
+
// Theme-specific color mappings
|
|
20
|
+
mappings[`theme-${themeKey}`] = {
|
|
21
|
+
primary: theme.tokens.brand.primary,
|
|
22
|
+
surface: theme.tokens.background.surface,
|
|
23
|
+
background: theme.tokens.background.base,
|
|
24
|
+
foreground: theme.tokens.text.primary,
|
|
25
|
+
accent: theme.tokens.accent.link,
|
|
26
|
+
success: theme.tokens.state.success,
|
|
27
|
+
warning: theme.tokens.state.warning,
|
|
28
|
+
danger: theme.tokens.state.danger,
|
|
29
|
+
info: theme.tokens.state.info,
|
|
30
|
+
border: theme.tokens.border.default,
|
|
31
|
+
};
|
|
32
|
+
});
|
|
33
|
+
return mappings;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Get all available theme color mappings
|
|
37
|
+
*/
|
|
38
|
+
export function getAllThemeColors() {
|
|
39
|
+
return createColorMappings(themeIds);
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Create CSS custom properties for a theme
|
|
43
|
+
*/
|
|
44
|
+
export function createThemeCssVariables(themeId) {
|
|
45
|
+
const theme = getTheme(themeId);
|
|
46
|
+
if (!theme)
|
|
47
|
+
return '';
|
|
48
|
+
const tokens = theme.tokens;
|
|
49
|
+
const lines = [];
|
|
50
|
+
// Helper to add CSS variable
|
|
51
|
+
const addVar = (name, value) => {
|
|
52
|
+
lines.push(` --turbo-${name}: ${value};`);
|
|
53
|
+
};
|
|
54
|
+
// Background
|
|
55
|
+
addVar('bg-base', tokens.background.base);
|
|
56
|
+
addVar('bg-surface', tokens.background.surface);
|
|
57
|
+
addVar('bg-surface-alt', tokens.background.overlay);
|
|
58
|
+
// Text
|
|
59
|
+
addVar('text-primary', tokens.text.primary);
|
|
60
|
+
addVar('text-secondary', tokens.text.secondary);
|
|
61
|
+
addVar('text-inverse', tokens.text.inverse);
|
|
62
|
+
// Brand
|
|
63
|
+
addVar('brand-primary', tokens.brand.primary);
|
|
64
|
+
// State
|
|
65
|
+
addVar('state-info', tokens.state.info);
|
|
66
|
+
addVar('state-success', tokens.state.success);
|
|
67
|
+
addVar('state-warning', tokens.state.warning);
|
|
68
|
+
addVar('state-danger', tokens.state.danger);
|
|
69
|
+
// Border
|
|
70
|
+
addVar('border-default', tokens.border.default);
|
|
71
|
+
// Accent
|
|
72
|
+
addVar('accent-link', tokens.accent.link);
|
|
73
|
+
// Content
|
|
74
|
+
addVar('heading-h1', tokens.content.heading.h1);
|
|
75
|
+
addVar('heading-h2', tokens.content.heading.h2);
|
|
76
|
+
addVar('heading-h3', tokens.content.heading.h3);
|
|
77
|
+
addVar('heading-h4', tokens.content.heading.h4);
|
|
78
|
+
addVar('heading-h5', tokens.content.heading.h5);
|
|
79
|
+
addVar('heading-h6', tokens.content.heading.h6);
|
|
80
|
+
addVar('body-primary', tokens.content.body.primary);
|
|
81
|
+
addVar('body-secondary', tokens.content.body.secondary);
|
|
82
|
+
addVar('link-default', tokens.content.link.default);
|
|
83
|
+
addVar('selection-fg', tokens.content.selection.fg);
|
|
84
|
+
addVar('selection-bg', tokens.content.selection.bg);
|
|
85
|
+
addVar('blockquote-border', tokens.content.blockquote.border);
|
|
86
|
+
addVar('blockquote-fg', tokens.content.blockquote.fg);
|
|
87
|
+
addVar('blockquote-bg', tokens.content.blockquote.bg);
|
|
88
|
+
addVar('code-inline-fg', tokens.content.codeInline.fg);
|
|
89
|
+
addVar('code-inline-bg', tokens.content.codeInline.bg);
|
|
90
|
+
addVar('code-block-fg', tokens.content.codeBlock.fg);
|
|
91
|
+
addVar('code-block-bg', tokens.content.codeBlock.bg);
|
|
92
|
+
addVar('table-border', tokens.content.table.border);
|
|
93
|
+
addVar('table-stripe', tokens.content.table.stripe);
|
|
94
|
+
addVar('table-thead-bg', tokens.content.table.theadBg);
|
|
95
|
+
if (tokens.content.table.cellBg) {
|
|
96
|
+
addVar('table-cell-bg', tokens.content.table.cellBg);
|
|
97
|
+
}
|
|
98
|
+
if (tokens.content.table.headerFg) {
|
|
99
|
+
addVar('table-header-fg', tokens.content.table.headerFg);
|
|
100
|
+
}
|
|
101
|
+
// Typography
|
|
102
|
+
addVar('font-sans', tokens.typography.fonts.sans);
|
|
103
|
+
addVar('font-mono', tokens.typography.fonts.mono);
|
|
104
|
+
// Layout tokens (always present from shared tokens)
|
|
105
|
+
if (tokens.spacing) {
|
|
106
|
+
addVar('spacing-xs', tokens.spacing.xs);
|
|
107
|
+
addVar('spacing-sm', tokens.spacing.sm);
|
|
108
|
+
addVar('spacing-md', tokens.spacing.md);
|
|
109
|
+
addVar('spacing-lg', tokens.spacing.lg);
|
|
110
|
+
addVar('spacing-xl', tokens.spacing.xl);
|
|
111
|
+
}
|
|
112
|
+
if (tokens.elevation) {
|
|
113
|
+
addVar('elevation-none', tokens.elevation.none);
|
|
114
|
+
addVar('elevation-sm', tokens.elevation.sm);
|
|
115
|
+
addVar('elevation-md', tokens.elevation.md);
|
|
116
|
+
addVar('elevation-lg', tokens.elevation.lg);
|
|
117
|
+
addVar('elevation-xl', tokens.elevation.xl);
|
|
118
|
+
}
|
|
119
|
+
if (tokens.animation) {
|
|
120
|
+
addVar('animation-duration-fast', tokens.animation.durationFast);
|
|
121
|
+
addVar('animation-duration-normal', tokens.animation.durationNormal);
|
|
122
|
+
addVar('animation-duration-slow', tokens.animation.durationSlow);
|
|
123
|
+
addVar('animation-easing-default', tokens.animation.easingDefault);
|
|
124
|
+
addVar('animation-easing-emphasized', tokens.animation.easingEmphasized);
|
|
125
|
+
}
|
|
126
|
+
if (tokens.opacity) {
|
|
127
|
+
addVar('opacity-disabled', tokens.opacity.disabled.toString());
|
|
128
|
+
addVar('opacity-hover', tokens.opacity.hover.toString());
|
|
129
|
+
addVar('opacity-pressed', tokens.opacity.pressed.toString());
|
|
130
|
+
}
|
|
131
|
+
return `[data-theme="${themeId}"] {\n${lines.join('\n')}\n}`;
|
|
132
|
+
}
|
|
133
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tailwind CSS preset for Turbo Themes
|
|
3
|
+
*
|
|
4
|
+
* Maps Turbo Theme design tokens to Tailwind utility classes.
|
|
5
|
+
* Supports all theme variants and provides semantic color mappings.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```js
|
|
9
|
+
* // tailwind.config.js
|
|
10
|
+
* module.exports = {
|
|
11
|
+
* presets: [require('@lgtm-hq/turbo-themes/adapters/tailwind/preset')],
|
|
12
|
+
* theme: { extend: {} },
|
|
13
|
+
* plugins: [],
|
|
14
|
+
* };
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export interface TurboThemePresetOptions {
|
|
18
|
+
/** Which themes to include in the preset */
|
|
19
|
+
themes?: string[];
|
|
20
|
+
/** Whether to include dark mode variants */
|
|
21
|
+
darkMode?: boolean;
|
|
22
|
+
/** Custom color mappings */
|
|
23
|
+
colors?: Record<string, string>;
|
|
24
|
+
}
|
|
25
|
+
export default function preset(userOptions?: TurboThemePresetOptions): {
|
|
26
|
+
theme: {
|
|
27
|
+
extend: {
|
|
28
|
+
colors: {
|
|
29
|
+
background: string;
|
|
30
|
+
surface: string;
|
|
31
|
+
'surface-alt': string;
|
|
32
|
+
foreground: string;
|
|
33
|
+
'foreground-secondary': string;
|
|
34
|
+
'foreground-inverse': string;
|
|
35
|
+
muted: string;
|
|
36
|
+
primary: string;
|
|
37
|
+
brand: string;
|
|
38
|
+
success: string;
|
|
39
|
+
error: string;
|
|
40
|
+
warning: string;
|
|
41
|
+
info: string;
|
|
42
|
+
danger: string;
|
|
43
|
+
border: string;
|
|
44
|
+
'border-strong': string;
|
|
45
|
+
accent: string;
|
|
46
|
+
link: string;
|
|
47
|
+
heading: {
|
|
48
|
+
1: string;
|
|
49
|
+
2: string;
|
|
50
|
+
3: string;
|
|
51
|
+
4: string;
|
|
52
|
+
5: string;
|
|
53
|
+
6: string;
|
|
54
|
+
};
|
|
55
|
+
body: {
|
|
56
|
+
primary: string;
|
|
57
|
+
secondary: string;
|
|
58
|
+
};
|
|
59
|
+
selection: {
|
|
60
|
+
fg: string;
|
|
61
|
+
bg: string;
|
|
62
|
+
};
|
|
63
|
+
blockquote: {
|
|
64
|
+
border: string;
|
|
65
|
+
fg: string;
|
|
66
|
+
bg: string;
|
|
67
|
+
};
|
|
68
|
+
code: {
|
|
69
|
+
inline: {
|
|
70
|
+
fg: string;
|
|
71
|
+
bg: string;
|
|
72
|
+
};
|
|
73
|
+
block: {
|
|
74
|
+
fg: string;
|
|
75
|
+
bg: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
table: {
|
|
79
|
+
border: string;
|
|
80
|
+
stripe: string;
|
|
81
|
+
thead: string;
|
|
82
|
+
cell: string;
|
|
83
|
+
header: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
spacing: {
|
|
87
|
+
'turbo-xs': string;
|
|
88
|
+
'turbo-sm': string;
|
|
89
|
+
'turbo-md': string;
|
|
90
|
+
'turbo-lg': string;
|
|
91
|
+
'turbo-xl': string;
|
|
92
|
+
};
|
|
93
|
+
boxShadow: {
|
|
94
|
+
'elevation-sm': string;
|
|
95
|
+
'elevation-md': string;
|
|
96
|
+
'elevation-lg': string;
|
|
97
|
+
'elevation-xl': string;
|
|
98
|
+
};
|
|
99
|
+
transitionDuration: {
|
|
100
|
+
fast: string;
|
|
101
|
+
normal: string;
|
|
102
|
+
slow: string;
|
|
103
|
+
};
|
|
104
|
+
transitionTimingFunction: {
|
|
105
|
+
default: string;
|
|
106
|
+
emphasized: string;
|
|
107
|
+
};
|
|
108
|
+
fontFamily: {
|
|
109
|
+
sans: string;
|
|
110
|
+
mono: string;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
export { createColorMappings } from './colors.js';
|
|
116
|
+
export { getTheme, themesById, themeIds } from '@lgtm-hq/turbo-themes-core';
|
|
117
|
+
//# sourceMappingURL=preset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../preset.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;GAeG;AAKH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,WAAW,GAAE,uBAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHvE;AAGD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC"}
|