@expcat/tigercat-core 1.0.4 → 1.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/dist/datepicker-DXzS_8l8.d.cts +130 -0
- package/dist/datepicker-DXzS_8l8.d.ts +130 -0
- package/dist/datepicker-locales/en-US.cjs +23 -0
- package/dist/datepicker-locales/en-US.d.cts +6 -0
- package/dist/datepicker-locales/en-US.d.ts +6 -0
- package/dist/datepicker-locales/en-US.js +17 -0
- package/dist/datepicker-locales/id-ID.cjs +23 -0
- package/dist/datepicker-locales/id-ID.d.cts +6 -0
- package/dist/datepicker-locales/id-ID.d.ts +6 -0
- package/dist/datepicker-locales/id-ID.js +17 -0
- package/dist/datepicker-locales/ja-JP.cjs +23 -0
- package/dist/datepicker-locales/ja-JP.d.cts +6 -0
- package/dist/datepicker-locales/ja-JP.d.ts +6 -0
- package/dist/datepicker-locales/ja-JP.js +17 -0
- package/dist/datepicker-locales/ko-KR.cjs +23 -0
- package/dist/datepicker-locales/ko-KR.d.cts +6 -0
- package/dist/datepicker-locales/ko-KR.d.ts +6 -0
- package/dist/datepicker-locales/ko-KR.js +17 -0
- package/dist/datepicker-locales/th-TH.cjs +23 -0
- package/dist/datepicker-locales/th-TH.d.cts +6 -0
- package/dist/datepicker-locales/th-TH.d.ts +6 -0
- package/dist/datepicker-locales/th-TH.js +17 -0
- package/dist/datepicker-locales/vi-VN.cjs +23 -0
- package/dist/datepicker-locales/vi-VN.d.cts +6 -0
- package/dist/datepicker-locales/vi-VN.d.ts +6 -0
- package/dist/datepicker-locales/vi-VN.js +17 -0
- package/dist/datepicker-locales/zh-CN.cjs +23 -0
- package/dist/datepicker-locales/zh-CN.d.cts +6 -0
- package/dist/datepicker-locales/zh-CN.d.ts +6 -0
- package/dist/datepicker-locales/zh-CN.js +17 -0
- package/dist/datepicker-locales/zh-TW.cjs +23 -0
- package/dist/datepicker-locales/zh-TW.d.cts +6 -0
- package/dist/datepicker-locales/zh-TW.d.ts +6 -0
- package/dist/datepicker-locales/zh-TW.js +17 -0
- package/dist/icons/common.cjs +22 -0
- package/dist/icons/common.d.cts +20 -0
- package/dist/icons/common.d.ts +20 -0
- package/dist/icons/common.js +12 -0
- package/dist/icons/picker.cjs +36 -0
- package/dist/icons/picker.d.cts +53 -0
- package/dist/icons/picker.d.ts +53 -0
- package/dist/icons/picker.js +19 -0
- package/dist/icons/status.cjs +19 -0
- package/dist/icons/status.d.cts +13 -0
- package/dist/icons/status.d.ts +13 -0
- package/dist/icons/status.js +13 -0
- package/dist/icons/table.cjs +18 -0
- package/dist/icons/table.d.cts +25 -0
- package/dist/icons/table.d.ts +25 -0
- package/dist/icons/table.js +10 -0
- package/dist/index.cjs +4766 -3587
- package/dist/index.d.cts +1953 -1229
- package/dist/index.d.ts +1953 -1229
- package/dist/index.js +3234 -2211
- package/dist/locale-CEmE5uq-.d.cts +92 -0
- package/dist/locale-m1sF4KRO.d.ts +92 -0
- package/dist/locales/en-US.cjs +43 -0
- package/dist/locales/en-US.d.cts +10 -0
- package/dist/locales/en-US.d.ts +10 -0
- package/dist/locales/en-US.js +41 -0
- package/dist/locales/id-ID.cjs +43 -0
- package/dist/locales/id-ID.d.cts +10 -0
- package/dist/locales/id-ID.d.ts +10 -0
- package/dist/locales/id-ID.js +41 -0
- package/dist/locales/ja-JP.cjs +43 -0
- package/dist/locales/ja-JP.d.cts +10 -0
- package/dist/locales/ja-JP.d.ts +10 -0
- package/dist/locales/ja-JP.js +41 -0
- package/dist/locales/ko-KR.cjs +43 -0
- package/dist/locales/ko-KR.d.cts +10 -0
- package/dist/locales/ko-KR.d.ts +10 -0
- package/dist/locales/ko-KR.js +41 -0
- package/dist/locales/th-TH.cjs +43 -0
- package/dist/locales/th-TH.d.cts +10 -0
- package/dist/locales/th-TH.d.ts +10 -0
- package/dist/locales/th-TH.js +41 -0
- package/dist/locales/vi-VN.cjs +43 -0
- package/dist/locales/vi-VN.d.cts +10 -0
- package/dist/locales/vi-VN.d.ts +10 -0
- package/dist/locales/vi-VN.js +41 -0
- package/dist/locales/zh-CN.cjs +43 -0
- package/dist/locales/zh-CN.d.cts +10 -0
- package/dist/locales/zh-CN.d.ts +10 -0
- package/dist/locales/zh-CN.js +41 -0
- package/dist/locales/zh-TW.cjs +43 -0
- package/dist/locales/zh-TW.d.cts +10 -0
- package/dist/locales/zh-TW.d.ts +10 -0
- package/dist/locales/zh-TW.js +41 -0
- package/dist/table-export-Cy9DgTiO.d.cts +458 -0
- package/dist/table-export-Cy9DgTiO.d.ts +458 -0
- package/dist/tailwind/modern.cjs +290 -0
- package/dist/tailwind/modern.d.cts +6 -0
- package/dist/tailwind/modern.d.ts +6 -0
- package/dist/tailwind/modern.js +284 -0
- package/dist/tailwind-entry-2KPvkOin.d.ts +218 -0
- package/dist/tailwind-entry-CUaMC8Ma.d.cts +218 -0
- package/dist/tailwind.cjs +141 -0
- package/dist/tailwind.d.cts +3 -0
- package/dist/tailwind.d.ts +3 -0
- package/dist/tailwind.js +135 -0
- package/dist/types-CJYAW1ql.d-DDBFn6KB.d.cts +126 -0
- package/dist/types-CJYAW1ql.d-DDBFn6KB.d.ts +126 -0
- package/dist/utils/table-export.cjs +38 -0
- package/dist/utils/table-export.d.cts +1 -0
- package/dist/utils/table-export.d.ts +1 -0
- package/dist/utils/table-export.js +34 -0
- package/package.json +131 -7
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var plugin = require('tailwindcss/plugin');
|
|
4
|
+
|
|
5
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
6
|
+
|
|
7
|
+
var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
8
|
+
|
|
9
|
+
// src/tailwind-plugin.ts
|
|
10
|
+
|
|
11
|
+
// src/theme/index.ts
|
|
12
|
+
var THEME_CSS_VARS = {
|
|
13
|
+
// Primary colors
|
|
14
|
+
primary: "--tiger-primary",
|
|
15
|
+
primaryHover: "--tiger-primary-hover",
|
|
16
|
+
primaryActive: "--tiger-primary-active",
|
|
17
|
+
primaryDisabled: "--tiger-primary-disabled",
|
|
18
|
+
// Secondary colors
|
|
19
|
+
secondary: "--tiger-secondary",
|
|
20
|
+
secondaryHover: "--tiger-secondary-hover",
|
|
21
|
+
secondaryActive: "--tiger-secondary-active",
|
|
22
|
+
secondaryDisabled: "--tiger-secondary-disabled",
|
|
23
|
+
// Background hover states
|
|
24
|
+
outlineBgHover: "--tiger-outline-bg-hover",
|
|
25
|
+
ghostBgHover: "--tiger-ghost-bg-hover",
|
|
26
|
+
// Interaction states
|
|
27
|
+
focusRing: "--tiger-focus-ring",
|
|
28
|
+
// Surface & background
|
|
29
|
+
surface: "--tiger-surface",
|
|
30
|
+
surfaceMuted: "--tiger-surface-muted",
|
|
31
|
+
surfaceRaised: "--tiger-surface-raised",
|
|
32
|
+
// Text
|
|
33
|
+
text: "--tiger-text",
|
|
34
|
+
textSecondary: "--tiger-text-secondary",
|
|
35
|
+
textDisabled: "--tiger-text-disabled",
|
|
36
|
+
// Border
|
|
37
|
+
border: "--tiger-border",
|
|
38
|
+
borderStrong: "--tiger-border-strong",
|
|
39
|
+
// Status colors
|
|
40
|
+
success: "--tiger-success",
|
|
41
|
+
warning: "--tiger-warning",
|
|
42
|
+
error: "--tiger-error",
|
|
43
|
+
info: "--tiger-info",
|
|
44
|
+
// Chart palette
|
|
45
|
+
chart1: "--tiger-chart-1",
|
|
46
|
+
chart2: "--tiger-chart-2",
|
|
47
|
+
chart3: "--tiger-chart-3",
|
|
48
|
+
chart4: "--tiger-chart-4",
|
|
49
|
+
chart5: "--tiger-chart-5",
|
|
50
|
+
chart6: "--tiger-chart-6"
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
// src/themes/modern/tokens.ts
|
|
54
|
+
var MODERN_BASE_TOKENS_LIGHT = {
|
|
55
|
+
// Radius (matches existing rounded-md/lg/xl)
|
|
56
|
+
"--tiger-radius-sm": "0.375rem",
|
|
57
|
+
"--tiger-radius-md": "0.5rem",
|
|
58
|
+
"--tiger-radius-lg": "0.75rem",
|
|
59
|
+
"--tiger-radius-xl": "1rem",
|
|
60
|
+
"--tiger-radius-pill": "9999px",
|
|
61
|
+
// Shadows (Tailwind defaults)
|
|
62
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
63
|
+
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
64
|
+
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
65
|
+
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
66
|
+
// Glass — disabled by default (no backdrop blur, no inset highlights)
|
|
67
|
+
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
68
|
+
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
|
|
69
|
+
"--tiger-blur-glass": "0px",
|
|
70
|
+
"--tiger-blur-glass-strong": "0px",
|
|
71
|
+
// Gradients — fall back to solid color via a no-op linear-gradient
|
|
72
|
+
"--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
|
|
73
|
+
"--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
|
|
74
|
+
"--tiger-gradient-danger": "linear-gradient(180deg, var(--tiger-error), var(--tiger-error))",
|
|
75
|
+
// Motion — current durations / easings
|
|
76
|
+
"--tiger-motion-duration-instant": "80ms",
|
|
77
|
+
"--tiger-motion-duration-quick": "150ms",
|
|
78
|
+
"--tiger-motion-duration-base": "200ms",
|
|
79
|
+
"--tiger-motion-duration-relaxed": "300ms",
|
|
80
|
+
"--tiger-motion-duration-slow": "450ms",
|
|
81
|
+
"--tiger-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
82
|
+
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
|
|
83
|
+
"--tiger-motion-ease-accelerate": "cubic-bezier(0.4, 0, 1, 1)",
|
|
84
|
+
"--tiger-motion-ease-emphasized": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
85
|
+
"--tiger-motion-ease-spring": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
86
|
+
"--tiger-transition-base": "all 200ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
87
|
+
"--tiger-transition-quick": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
88
|
+
"--tiger-transition-emphasized": "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
89
|
+
};
|
|
90
|
+
var MODERN_BASE_TOKENS_DARK = {
|
|
91
|
+
// Shadows tinted slightly to handle dark backgrounds
|
|
92
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
93
|
+
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25)",
|
|
94
|
+
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
|
|
95
|
+
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
|
|
96
|
+
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
97
|
+
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
|
|
98
|
+
};
|
|
99
|
+
var MODERN_OVERRIDE_TOKENS_LIGHT = {
|
|
100
|
+
// Rounder corners
|
|
101
|
+
"--tiger-radius-sm": "8px",
|
|
102
|
+
"--tiger-radius-md": "12px",
|
|
103
|
+
"--tiger-radius-lg": "16px",
|
|
104
|
+
"--tiger-radius-xl": "20px",
|
|
105
|
+
"--tiger-radius-pill": "9999px",
|
|
106
|
+
// Multi-layer shadows
|
|
107
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06)",
|
|
108
|
+
"--tiger-shadow-md": "0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
|
|
109
|
+
"--tiger-shadow-lg": "0 12px 24px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.04)",
|
|
110
|
+
"--tiger-shadow-xl": "0 24px 48px -8px rgb(0 0 0 / 0.1), 0 8px 16px -4px rgb(0 0 0 / 0.05)",
|
|
111
|
+
// Glass: backdrop blur + inset highlights
|
|
112
|
+
"--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.6), inset 0 -1px 0 rgb(0 0 0 / 0.04), 0 8px 24px -4px rgb(15 23 42 / 0.1)",
|
|
113
|
+
"--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.5), inset 0 0 0 1px rgb(255 255 255 / 0.18), 0 16px 32px -8px rgb(15 23 42 / 0.16)",
|
|
114
|
+
"--tiger-blur-glass": "16px",
|
|
115
|
+
"--tiger-blur-glass-strong": "24px",
|
|
116
|
+
// Chart axis softening (modern look uses fainter axis/grid strokes)
|
|
117
|
+
"--tiger-chart-axis-line-opacity": "0.6",
|
|
118
|
+
"--tiger-chart-axis-tick-opacity": "0.55",
|
|
119
|
+
"--tiger-chart-grid-line-opacity": "0.4",
|
|
120
|
+
// Chart legend marker + row hover (opt-in glassy look)
|
|
121
|
+
"--tiger-chart-legend-marker-image": "linear-gradient(135deg, color-mix(in oklab, var(--tiger-chart-legend-marker-color) 100%, white 18%) 0%, var(--tiger-chart-legend-marker-color) 100%)",
|
|
122
|
+
"--tiger-chart-legend-row-hover-bg": "rgb(15 23 42 / 0.04)",
|
|
123
|
+
"--tiger-chart-legend-row-radius": "var(--tiger-radius-sm, 6px)",
|
|
124
|
+
// Chart block (TreeMap / Sunburst / Heatmap rect & path) — softer corners + active highlight
|
|
125
|
+
"--tiger-chart-block-radius": "var(--tiger-radius-sm, 2px)",
|
|
126
|
+
"--tiger-chart-block-active-filter": "brightness(1.08) saturate(1.1)",
|
|
127
|
+
// Chart bar (BarChart rect) — softer top corners (modern bumps to --tiger-radius-sm)
|
|
128
|
+
"--tiger-chart-bar-radius": "var(--tiger-radius-sm, 4px)",
|
|
129
|
+
// Chart scatter point — slightly stronger halo on hover under modern preset
|
|
130
|
+
"--tiger-chart-scatter-halo-radius": "6px",
|
|
131
|
+
// Chart donut center hole — opt-in glass panel behind centerValue / centerLabel
|
|
132
|
+
"--tiger-chart-donut-center-padding": "10px 14px",
|
|
133
|
+
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #ffffff) 78%, transparent)",
|
|
134
|
+
"--tiger-chart-donut-center-shadow": "var(--tiger-shadow-glass)",
|
|
135
|
+
"--tiger-chart-donut-center-backdrop": "blur(var(--tiger-blur-glass, 16px)) saturate(1.05)",
|
|
136
|
+
// Subtle gradients via OKLab color-mix
|
|
137
|
+
"--tiger-gradient-primary": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-primary) 100%, white 8%) 0%, var(--tiger-primary) 100%)",
|
|
138
|
+
"--tiger-gradient-surface": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-surface) 100%, white 4%) 0%, var(--tiger-surface) 100%)",
|
|
139
|
+
"--tiger-gradient-danger": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-error) 100%, white 6%) 0%, var(--tiger-error) 100%)",
|
|
140
|
+
// Refined motion
|
|
141
|
+
"--tiger-motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
142
|
+
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0, 1)",
|
|
143
|
+
"--tiger-motion-ease-accelerate": "cubic-bezier(0.3, 0, 1, 1)",
|
|
144
|
+
"--tiger-motion-ease-emphasized": "cubic-bezier(0.2, 0, 0, 1.2)",
|
|
145
|
+
"--tiger-motion-ease-spring": "linear(0, 0.36 8%, 0.85 22%, 1.05 33%, 1.02 50%, 0.99 70%, 1)",
|
|
146
|
+
"--tiger-transition-base": "all var(--tiger-motion-duration-base) var(--tiger-motion-ease-standard)",
|
|
147
|
+
"--tiger-transition-quick": "all var(--tiger-motion-duration-quick) var(--tiger-motion-ease-standard)",
|
|
148
|
+
"--tiger-transition-emphasized": "transform var(--tiger-motion-duration-relaxed) var(--tiger-motion-ease-emphasized)"
|
|
149
|
+
};
|
|
150
|
+
var MODERN_OVERRIDE_TOKENS_DARK = {
|
|
151
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(2 6 23 / 0.5)",
|
|
152
|
+
"--tiger-shadow-md": "0 4px 8px -2px rgb(2 6 23 / 0.55), 0 2px 4px -1px rgb(2 6 23 / 0.4)",
|
|
153
|
+
"--tiger-shadow-lg": "0 12px 24px -4px rgb(2 6 23 / 0.55), 0 4px 8px -2px rgb(2 6 23 / 0.4)",
|
|
154
|
+
"--tiger-shadow-xl": "0 24px 48px -8px rgb(2 6 23 / 0.6), 0 8px 16px -4px rgb(2 6 23 / 0.45)",
|
|
155
|
+
"--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.06), inset 0 -1px 0 rgb(0 0 0 / 0.4), 0 8px 24px -4px rgb(0 0 0 / 0.4)",
|
|
156
|
+
"--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.08), inset 0 0 0 1px rgb(255 255 255 / 0.06), 0 16px 32px -8px rgb(0 0 0 / 0.55)",
|
|
157
|
+
// Chart legend row hover for dark surfaces (slightly brighter)
|
|
158
|
+
"--tiger-chart-legend-row-hover-bg": "rgb(255 255 255 / 0.06)",
|
|
159
|
+
// Donut center glass panel for dark surfaces (slightly more opaque to read on dark)
|
|
160
|
+
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #0f172a) 70%, transparent)"
|
|
161
|
+
};
|
|
162
|
+
var MODERN_REDUCED_MOTION_TOKENS = {
|
|
163
|
+
"--tiger-motion-duration-instant": "0ms",
|
|
164
|
+
"--tiger-motion-duration-quick": "0ms",
|
|
165
|
+
"--tiger-motion-duration-base": "0ms",
|
|
166
|
+
"--tiger-motion-duration-relaxed": "0ms",
|
|
167
|
+
"--tiger-motion-duration-slow": "0ms"
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
// src/tailwind-plugin.ts
|
|
171
|
+
var tigercatTheme = {
|
|
172
|
+
// Primary
|
|
173
|
+
"--tiger-primary": "#2563eb",
|
|
174
|
+
"--tiger-primary-hover": "#1d4ed8",
|
|
175
|
+
"--tiger-primary-active": "#1e40af",
|
|
176
|
+
"--tiger-primary-disabled": "#93c5fd",
|
|
177
|
+
// Secondary
|
|
178
|
+
"--tiger-secondary": "#4b5563",
|
|
179
|
+
"--tiger-secondary-hover": "#374151",
|
|
180
|
+
"--tiger-secondary-active": "#1f2937",
|
|
181
|
+
"--tiger-secondary-disabled": "#9ca3af",
|
|
182
|
+
// Background hover states
|
|
183
|
+
"--tiger-outline-bg-hover": "#eff6ff",
|
|
184
|
+
"--tiger-ghost-bg-hover": "#eff6ff",
|
|
185
|
+
// Interaction
|
|
186
|
+
"--tiger-focus-ring": "#2563eb",
|
|
187
|
+
// Surface & background
|
|
188
|
+
"--tiger-surface": "#ffffff",
|
|
189
|
+
"--tiger-surface-muted": "#f9fafb",
|
|
190
|
+
"--tiger-surface-raised": "#ffffff",
|
|
191
|
+
// Text
|
|
192
|
+
"--tiger-text": "#111827",
|
|
193
|
+
"--tiger-text-secondary": "#6b7280",
|
|
194
|
+
"--tiger-text-disabled": "#d1d5db",
|
|
195
|
+
// Border
|
|
196
|
+
"--tiger-border": "#e5e7eb",
|
|
197
|
+
"--tiger-border-strong": "#9ca3af",
|
|
198
|
+
// Status
|
|
199
|
+
"--tiger-success": "#16a34a",
|
|
200
|
+
"--tiger-warning": "#d97706",
|
|
201
|
+
"--tiger-error": "#dc2626",
|
|
202
|
+
"--tiger-info": "#3b82f6",
|
|
203
|
+
// Chart palette
|
|
204
|
+
"--tiger-chart-1": "#2563eb",
|
|
205
|
+
"--tiger-chart-2": "#16a34a",
|
|
206
|
+
"--tiger-chart-3": "#d97706",
|
|
207
|
+
"--tiger-chart-4": "#a855f7",
|
|
208
|
+
"--tiger-chart-5": "#0ea5e9",
|
|
209
|
+
"--tiger-chart-6": "#ef4444"
|
|
210
|
+
};
|
|
211
|
+
var tigercatDarkTheme = {
|
|
212
|
+
"--tiger-primary": "#60a5fa",
|
|
213
|
+
"--tiger-primary-hover": "#93c5fd",
|
|
214
|
+
"--tiger-primary-active": "#bfdbfe",
|
|
215
|
+
"--tiger-primary-disabled": "#1e40af",
|
|
216
|
+
"--tiger-secondary": "#9ca3af",
|
|
217
|
+
"--tiger-secondary-hover": "#d1d5db",
|
|
218
|
+
"--tiger-secondary-active": "#e5e7eb",
|
|
219
|
+
"--tiger-secondary-disabled": "#4b5563",
|
|
220
|
+
"--tiger-outline-bg-hover": "#1e3a5f",
|
|
221
|
+
"--tiger-ghost-bg-hover": "#1e3a5f",
|
|
222
|
+
"--tiger-focus-ring": "#60a5fa",
|
|
223
|
+
"--tiger-surface": "#111827",
|
|
224
|
+
"--tiger-surface-muted": "#1f2937",
|
|
225
|
+
"--tiger-surface-raised": "#1f2937",
|
|
226
|
+
"--tiger-text": "#f9fafb",
|
|
227
|
+
"--tiger-text-secondary": "#d1d5db",
|
|
228
|
+
"--tiger-text-disabled": "#4b5563",
|
|
229
|
+
"--tiger-border": "#374151",
|
|
230
|
+
"--tiger-border-strong": "#6b7280",
|
|
231
|
+
"--tiger-success": "#4ade80",
|
|
232
|
+
"--tiger-warning": "#fbbf24",
|
|
233
|
+
"--tiger-error": "#f87171",
|
|
234
|
+
"--tiger-info": "#60a5fa",
|
|
235
|
+
"--tiger-chart-1": "#60a5fa",
|
|
236
|
+
"--tiger-chart-2": "#4ade80",
|
|
237
|
+
"--tiger-chart-3": "#fbbf24",
|
|
238
|
+
"--tiger-chart-4": "#c084fc",
|
|
239
|
+
"--tiger-chart-5": "#38bdf8",
|
|
240
|
+
"--tiger-chart-6": "#f87171"
|
|
241
|
+
};
|
|
242
|
+
plugin__default.default(function({ addBase }) {
|
|
243
|
+
addBase({
|
|
244
|
+
":root": { ...tigercatTheme, ...MODERN_BASE_TOKENS_LIGHT },
|
|
245
|
+
".dark": { ...tigercatDarkTheme, ...MODERN_BASE_TOKENS_DARK },
|
|
246
|
+
// Remove browser default focus outline on interactive SVG elements
|
|
247
|
+
'svg [tabindex], svg [role="button"]': {
|
|
248
|
+
outline: "none"
|
|
249
|
+
}
|
|
250
|
+
});
|
|
251
|
+
});
|
|
252
|
+
function presetToVars(colors) {
|
|
253
|
+
const vars = {};
|
|
254
|
+
for (const [key, value] of Object.entries(colors)) {
|
|
255
|
+
const varName = THEME_CSS_VARS[key];
|
|
256
|
+
if (varName && value) {
|
|
257
|
+
vars[varName] = value;
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
return vars;
|
|
261
|
+
}
|
|
262
|
+
function createTigercatPlugin(options = {}) {
|
|
263
|
+
return plugin__default.default(function({ addBase }) {
|
|
264
|
+
const preset = options.preset;
|
|
265
|
+
const lightVars = preset?.light?.colors ? presetToVars(preset.light.colors) : tigercatTheme;
|
|
266
|
+
const darkVars = preset?.dark?.colors ? presetToVars(preset.dark.colors) : tigercatDarkTheme;
|
|
267
|
+
addBase({
|
|
268
|
+
":root": { ...lightVars, ...MODERN_BASE_TOKENS_LIGHT },
|
|
269
|
+
".dark": { ...darkVars, ...MODERN_BASE_TOKENS_DARK },
|
|
270
|
+
'svg [tabindex], svg [role="button"]': {
|
|
271
|
+
outline: "none"
|
|
272
|
+
}
|
|
273
|
+
});
|
|
274
|
+
if (options.modern) {
|
|
275
|
+
addBase({
|
|
276
|
+
'[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
|
|
277
|
+
'.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK,
|
|
278
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
279
|
+
':root, [data-tiger-style="modern"]': MODERN_REDUCED_MOTION_TOKENS
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
}
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
// src/tailwind-entry-modern.ts
|
|
287
|
+
var modernPlugin = createTigercatPlugin({ modern: true });
|
|
288
|
+
var tailwind_entry_modern_default = modernPlugin;
|
|
289
|
+
|
|
290
|
+
module.exports = tailwind_entry_modern_default;
|
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
import plugin from 'tailwindcss/plugin';
|
|
2
|
+
|
|
3
|
+
// src/tailwind-plugin.ts
|
|
4
|
+
|
|
5
|
+
// src/theme/index.ts
|
|
6
|
+
var THEME_CSS_VARS = {
|
|
7
|
+
// Primary colors
|
|
8
|
+
primary: "--tiger-primary",
|
|
9
|
+
primaryHover: "--tiger-primary-hover",
|
|
10
|
+
primaryActive: "--tiger-primary-active",
|
|
11
|
+
primaryDisabled: "--tiger-primary-disabled",
|
|
12
|
+
// Secondary colors
|
|
13
|
+
secondary: "--tiger-secondary",
|
|
14
|
+
secondaryHover: "--tiger-secondary-hover",
|
|
15
|
+
secondaryActive: "--tiger-secondary-active",
|
|
16
|
+
secondaryDisabled: "--tiger-secondary-disabled",
|
|
17
|
+
// Background hover states
|
|
18
|
+
outlineBgHover: "--tiger-outline-bg-hover",
|
|
19
|
+
ghostBgHover: "--tiger-ghost-bg-hover",
|
|
20
|
+
// Interaction states
|
|
21
|
+
focusRing: "--tiger-focus-ring",
|
|
22
|
+
// Surface & background
|
|
23
|
+
surface: "--tiger-surface",
|
|
24
|
+
surfaceMuted: "--tiger-surface-muted",
|
|
25
|
+
surfaceRaised: "--tiger-surface-raised",
|
|
26
|
+
// Text
|
|
27
|
+
text: "--tiger-text",
|
|
28
|
+
textSecondary: "--tiger-text-secondary",
|
|
29
|
+
textDisabled: "--tiger-text-disabled",
|
|
30
|
+
// Border
|
|
31
|
+
border: "--tiger-border",
|
|
32
|
+
borderStrong: "--tiger-border-strong",
|
|
33
|
+
// Status colors
|
|
34
|
+
success: "--tiger-success",
|
|
35
|
+
warning: "--tiger-warning",
|
|
36
|
+
error: "--tiger-error",
|
|
37
|
+
info: "--tiger-info",
|
|
38
|
+
// Chart palette
|
|
39
|
+
chart1: "--tiger-chart-1",
|
|
40
|
+
chart2: "--tiger-chart-2",
|
|
41
|
+
chart3: "--tiger-chart-3",
|
|
42
|
+
chart4: "--tiger-chart-4",
|
|
43
|
+
chart5: "--tiger-chart-5",
|
|
44
|
+
chart6: "--tiger-chart-6"
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
// src/themes/modern/tokens.ts
|
|
48
|
+
var MODERN_BASE_TOKENS_LIGHT = {
|
|
49
|
+
// Radius (matches existing rounded-md/lg/xl)
|
|
50
|
+
"--tiger-radius-sm": "0.375rem",
|
|
51
|
+
"--tiger-radius-md": "0.5rem",
|
|
52
|
+
"--tiger-radius-lg": "0.75rem",
|
|
53
|
+
"--tiger-radius-xl": "1rem",
|
|
54
|
+
"--tiger-radius-pill": "9999px",
|
|
55
|
+
// Shadows (Tailwind defaults)
|
|
56
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
57
|
+
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
58
|
+
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
59
|
+
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
60
|
+
// Glass — disabled by default (no backdrop blur, no inset highlights)
|
|
61
|
+
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
62
|
+
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
|
|
63
|
+
"--tiger-blur-glass": "0px",
|
|
64
|
+
"--tiger-blur-glass-strong": "0px",
|
|
65
|
+
// Gradients — fall back to solid color via a no-op linear-gradient
|
|
66
|
+
"--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
|
|
67
|
+
"--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
|
|
68
|
+
"--tiger-gradient-danger": "linear-gradient(180deg, var(--tiger-error), var(--tiger-error))",
|
|
69
|
+
// Motion — current durations / easings
|
|
70
|
+
"--tiger-motion-duration-instant": "80ms",
|
|
71
|
+
"--tiger-motion-duration-quick": "150ms",
|
|
72
|
+
"--tiger-motion-duration-base": "200ms",
|
|
73
|
+
"--tiger-motion-duration-relaxed": "300ms",
|
|
74
|
+
"--tiger-motion-duration-slow": "450ms",
|
|
75
|
+
"--tiger-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
76
|
+
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
|
|
77
|
+
"--tiger-motion-ease-accelerate": "cubic-bezier(0.4, 0, 1, 1)",
|
|
78
|
+
"--tiger-motion-ease-emphasized": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
79
|
+
"--tiger-motion-ease-spring": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
80
|
+
"--tiger-transition-base": "all 200ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
81
|
+
"--tiger-transition-quick": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
82
|
+
"--tiger-transition-emphasized": "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
83
|
+
};
|
|
84
|
+
var MODERN_BASE_TOKENS_DARK = {
|
|
85
|
+
// Shadows tinted slightly to handle dark backgrounds
|
|
86
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
87
|
+
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25)",
|
|
88
|
+
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
|
|
89
|
+
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
|
|
90
|
+
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
91
|
+
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
|
|
92
|
+
};
|
|
93
|
+
var MODERN_OVERRIDE_TOKENS_LIGHT = {
|
|
94
|
+
// Rounder corners
|
|
95
|
+
"--tiger-radius-sm": "8px",
|
|
96
|
+
"--tiger-radius-md": "12px",
|
|
97
|
+
"--tiger-radius-lg": "16px",
|
|
98
|
+
"--tiger-radius-xl": "20px",
|
|
99
|
+
"--tiger-radius-pill": "9999px",
|
|
100
|
+
// Multi-layer shadows
|
|
101
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06)",
|
|
102
|
+
"--tiger-shadow-md": "0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
|
|
103
|
+
"--tiger-shadow-lg": "0 12px 24px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.04)",
|
|
104
|
+
"--tiger-shadow-xl": "0 24px 48px -8px rgb(0 0 0 / 0.1), 0 8px 16px -4px rgb(0 0 0 / 0.05)",
|
|
105
|
+
// Glass: backdrop blur + inset highlights
|
|
106
|
+
"--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.6), inset 0 -1px 0 rgb(0 0 0 / 0.04), 0 8px 24px -4px rgb(15 23 42 / 0.1)",
|
|
107
|
+
"--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.5), inset 0 0 0 1px rgb(255 255 255 / 0.18), 0 16px 32px -8px rgb(15 23 42 / 0.16)",
|
|
108
|
+
"--tiger-blur-glass": "16px",
|
|
109
|
+
"--tiger-blur-glass-strong": "24px",
|
|
110
|
+
// Chart axis softening (modern look uses fainter axis/grid strokes)
|
|
111
|
+
"--tiger-chart-axis-line-opacity": "0.6",
|
|
112
|
+
"--tiger-chart-axis-tick-opacity": "0.55",
|
|
113
|
+
"--tiger-chart-grid-line-opacity": "0.4",
|
|
114
|
+
// Chart legend marker + row hover (opt-in glassy look)
|
|
115
|
+
"--tiger-chart-legend-marker-image": "linear-gradient(135deg, color-mix(in oklab, var(--tiger-chart-legend-marker-color) 100%, white 18%) 0%, var(--tiger-chart-legend-marker-color) 100%)",
|
|
116
|
+
"--tiger-chart-legend-row-hover-bg": "rgb(15 23 42 / 0.04)",
|
|
117
|
+
"--tiger-chart-legend-row-radius": "var(--tiger-radius-sm, 6px)",
|
|
118
|
+
// Chart block (TreeMap / Sunburst / Heatmap rect & path) — softer corners + active highlight
|
|
119
|
+
"--tiger-chart-block-radius": "var(--tiger-radius-sm, 2px)",
|
|
120
|
+
"--tiger-chart-block-active-filter": "brightness(1.08) saturate(1.1)",
|
|
121
|
+
// Chart bar (BarChart rect) — softer top corners (modern bumps to --tiger-radius-sm)
|
|
122
|
+
"--tiger-chart-bar-radius": "var(--tiger-radius-sm, 4px)",
|
|
123
|
+
// Chart scatter point — slightly stronger halo on hover under modern preset
|
|
124
|
+
"--tiger-chart-scatter-halo-radius": "6px",
|
|
125
|
+
// Chart donut center hole — opt-in glass panel behind centerValue / centerLabel
|
|
126
|
+
"--tiger-chart-donut-center-padding": "10px 14px",
|
|
127
|
+
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #ffffff) 78%, transparent)",
|
|
128
|
+
"--tiger-chart-donut-center-shadow": "var(--tiger-shadow-glass)",
|
|
129
|
+
"--tiger-chart-donut-center-backdrop": "blur(var(--tiger-blur-glass, 16px)) saturate(1.05)",
|
|
130
|
+
// Subtle gradients via OKLab color-mix
|
|
131
|
+
"--tiger-gradient-primary": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-primary) 100%, white 8%) 0%, var(--tiger-primary) 100%)",
|
|
132
|
+
"--tiger-gradient-surface": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-surface) 100%, white 4%) 0%, var(--tiger-surface) 100%)",
|
|
133
|
+
"--tiger-gradient-danger": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-error) 100%, white 6%) 0%, var(--tiger-error) 100%)",
|
|
134
|
+
// Refined motion
|
|
135
|
+
"--tiger-motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
136
|
+
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0, 1)",
|
|
137
|
+
"--tiger-motion-ease-accelerate": "cubic-bezier(0.3, 0, 1, 1)",
|
|
138
|
+
"--tiger-motion-ease-emphasized": "cubic-bezier(0.2, 0, 0, 1.2)",
|
|
139
|
+
"--tiger-motion-ease-spring": "linear(0, 0.36 8%, 0.85 22%, 1.05 33%, 1.02 50%, 0.99 70%, 1)",
|
|
140
|
+
"--tiger-transition-base": "all var(--tiger-motion-duration-base) var(--tiger-motion-ease-standard)",
|
|
141
|
+
"--tiger-transition-quick": "all var(--tiger-motion-duration-quick) var(--tiger-motion-ease-standard)",
|
|
142
|
+
"--tiger-transition-emphasized": "transform var(--tiger-motion-duration-relaxed) var(--tiger-motion-ease-emphasized)"
|
|
143
|
+
};
|
|
144
|
+
var MODERN_OVERRIDE_TOKENS_DARK = {
|
|
145
|
+
"--tiger-shadow-sm": "0 1px 2px 0 rgb(2 6 23 / 0.5)",
|
|
146
|
+
"--tiger-shadow-md": "0 4px 8px -2px rgb(2 6 23 / 0.55), 0 2px 4px -1px rgb(2 6 23 / 0.4)",
|
|
147
|
+
"--tiger-shadow-lg": "0 12px 24px -4px rgb(2 6 23 / 0.55), 0 4px 8px -2px rgb(2 6 23 / 0.4)",
|
|
148
|
+
"--tiger-shadow-xl": "0 24px 48px -8px rgb(2 6 23 / 0.6), 0 8px 16px -4px rgb(2 6 23 / 0.45)",
|
|
149
|
+
"--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.06), inset 0 -1px 0 rgb(0 0 0 / 0.4), 0 8px 24px -4px rgb(0 0 0 / 0.4)",
|
|
150
|
+
"--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.08), inset 0 0 0 1px rgb(255 255 255 / 0.06), 0 16px 32px -8px rgb(0 0 0 / 0.55)",
|
|
151
|
+
// Chart legend row hover for dark surfaces (slightly brighter)
|
|
152
|
+
"--tiger-chart-legend-row-hover-bg": "rgb(255 255 255 / 0.06)",
|
|
153
|
+
// Donut center glass panel for dark surfaces (slightly more opaque to read on dark)
|
|
154
|
+
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #0f172a) 70%, transparent)"
|
|
155
|
+
};
|
|
156
|
+
var MODERN_REDUCED_MOTION_TOKENS = {
|
|
157
|
+
"--tiger-motion-duration-instant": "0ms",
|
|
158
|
+
"--tiger-motion-duration-quick": "0ms",
|
|
159
|
+
"--tiger-motion-duration-base": "0ms",
|
|
160
|
+
"--tiger-motion-duration-relaxed": "0ms",
|
|
161
|
+
"--tiger-motion-duration-slow": "0ms"
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
// src/tailwind-plugin.ts
|
|
165
|
+
var tigercatTheme = {
|
|
166
|
+
// Primary
|
|
167
|
+
"--tiger-primary": "#2563eb",
|
|
168
|
+
"--tiger-primary-hover": "#1d4ed8",
|
|
169
|
+
"--tiger-primary-active": "#1e40af",
|
|
170
|
+
"--tiger-primary-disabled": "#93c5fd",
|
|
171
|
+
// Secondary
|
|
172
|
+
"--tiger-secondary": "#4b5563",
|
|
173
|
+
"--tiger-secondary-hover": "#374151",
|
|
174
|
+
"--tiger-secondary-active": "#1f2937",
|
|
175
|
+
"--tiger-secondary-disabled": "#9ca3af",
|
|
176
|
+
// Background hover states
|
|
177
|
+
"--tiger-outline-bg-hover": "#eff6ff",
|
|
178
|
+
"--tiger-ghost-bg-hover": "#eff6ff",
|
|
179
|
+
// Interaction
|
|
180
|
+
"--tiger-focus-ring": "#2563eb",
|
|
181
|
+
// Surface & background
|
|
182
|
+
"--tiger-surface": "#ffffff",
|
|
183
|
+
"--tiger-surface-muted": "#f9fafb",
|
|
184
|
+
"--tiger-surface-raised": "#ffffff",
|
|
185
|
+
// Text
|
|
186
|
+
"--tiger-text": "#111827",
|
|
187
|
+
"--tiger-text-secondary": "#6b7280",
|
|
188
|
+
"--tiger-text-disabled": "#d1d5db",
|
|
189
|
+
// Border
|
|
190
|
+
"--tiger-border": "#e5e7eb",
|
|
191
|
+
"--tiger-border-strong": "#9ca3af",
|
|
192
|
+
// Status
|
|
193
|
+
"--tiger-success": "#16a34a",
|
|
194
|
+
"--tiger-warning": "#d97706",
|
|
195
|
+
"--tiger-error": "#dc2626",
|
|
196
|
+
"--tiger-info": "#3b82f6",
|
|
197
|
+
// Chart palette
|
|
198
|
+
"--tiger-chart-1": "#2563eb",
|
|
199
|
+
"--tiger-chart-2": "#16a34a",
|
|
200
|
+
"--tiger-chart-3": "#d97706",
|
|
201
|
+
"--tiger-chart-4": "#a855f7",
|
|
202
|
+
"--tiger-chart-5": "#0ea5e9",
|
|
203
|
+
"--tiger-chart-6": "#ef4444"
|
|
204
|
+
};
|
|
205
|
+
var tigercatDarkTheme = {
|
|
206
|
+
"--tiger-primary": "#60a5fa",
|
|
207
|
+
"--tiger-primary-hover": "#93c5fd",
|
|
208
|
+
"--tiger-primary-active": "#bfdbfe",
|
|
209
|
+
"--tiger-primary-disabled": "#1e40af",
|
|
210
|
+
"--tiger-secondary": "#9ca3af",
|
|
211
|
+
"--tiger-secondary-hover": "#d1d5db",
|
|
212
|
+
"--tiger-secondary-active": "#e5e7eb",
|
|
213
|
+
"--tiger-secondary-disabled": "#4b5563",
|
|
214
|
+
"--tiger-outline-bg-hover": "#1e3a5f",
|
|
215
|
+
"--tiger-ghost-bg-hover": "#1e3a5f",
|
|
216
|
+
"--tiger-focus-ring": "#60a5fa",
|
|
217
|
+
"--tiger-surface": "#111827",
|
|
218
|
+
"--tiger-surface-muted": "#1f2937",
|
|
219
|
+
"--tiger-surface-raised": "#1f2937",
|
|
220
|
+
"--tiger-text": "#f9fafb",
|
|
221
|
+
"--tiger-text-secondary": "#d1d5db",
|
|
222
|
+
"--tiger-text-disabled": "#4b5563",
|
|
223
|
+
"--tiger-border": "#374151",
|
|
224
|
+
"--tiger-border-strong": "#6b7280",
|
|
225
|
+
"--tiger-success": "#4ade80",
|
|
226
|
+
"--tiger-warning": "#fbbf24",
|
|
227
|
+
"--tiger-error": "#f87171",
|
|
228
|
+
"--tiger-info": "#60a5fa",
|
|
229
|
+
"--tiger-chart-1": "#60a5fa",
|
|
230
|
+
"--tiger-chart-2": "#4ade80",
|
|
231
|
+
"--tiger-chart-3": "#fbbf24",
|
|
232
|
+
"--tiger-chart-4": "#c084fc",
|
|
233
|
+
"--tiger-chart-5": "#38bdf8",
|
|
234
|
+
"--tiger-chart-6": "#f87171"
|
|
235
|
+
};
|
|
236
|
+
plugin(function({ addBase }) {
|
|
237
|
+
addBase({
|
|
238
|
+
":root": { ...tigercatTheme, ...MODERN_BASE_TOKENS_LIGHT },
|
|
239
|
+
".dark": { ...tigercatDarkTheme, ...MODERN_BASE_TOKENS_DARK },
|
|
240
|
+
// Remove browser default focus outline on interactive SVG elements
|
|
241
|
+
'svg [tabindex], svg [role="button"]': {
|
|
242
|
+
outline: "none"
|
|
243
|
+
}
|
|
244
|
+
});
|
|
245
|
+
});
|
|
246
|
+
function presetToVars(colors) {
|
|
247
|
+
const vars = {};
|
|
248
|
+
for (const [key, value] of Object.entries(colors)) {
|
|
249
|
+
const varName = THEME_CSS_VARS[key];
|
|
250
|
+
if (varName && value) {
|
|
251
|
+
vars[varName] = value;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
return vars;
|
|
255
|
+
}
|
|
256
|
+
function createTigercatPlugin(options = {}) {
|
|
257
|
+
return plugin(function({ addBase }) {
|
|
258
|
+
const preset = options.preset;
|
|
259
|
+
const lightVars = preset?.light?.colors ? presetToVars(preset.light.colors) : tigercatTheme;
|
|
260
|
+
const darkVars = preset?.dark?.colors ? presetToVars(preset.dark.colors) : tigercatDarkTheme;
|
|
261
|
+
addBase({
|
|
262
|
+
":root": { ...lightVars, ...MODERN_BASE_TOKENS_LIGHT },
|
|
263
|
+
".dark": { ...darkVars, ...MODERN_BASE_TOKENS_DARK },
|
|
264
|
+
'svg [tabindex], svg [role="button"]': {
|
|
265
|
+
outline: "none"
|
|
266
|
+
}
|
|
267
|
+
});
|
|
268
|
+
if (options.modern) {
|
|
269
|
+
addBase({
|
|
270
|
+
'[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
|
|
271
|
+
'.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK,
|
|
272
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
273
|
+
':root, [data-tiger-style="modern"]': MODERN_REDUCED_MOTION_TOKENS
|
|
274
|
+
}
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
// src/tailwind-entry-modern.ts
|
|
281
|
+
var modernPlugin = createTigercatPlugin({ modern: true });
|
|
282
|
+
var tailwind_entry_modern_default = modernPlugin;
|
|
283
|
+
|
|
284
|
+
export { tailwind_entry_modern_default as default };
|