@expcat/tigercat-core 1.5.0 → 2.0.0-preview.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.
- package/dist/{datepicker-gSOJN_pQ.d.cts → datepicker-ZdzYUqm5.d.ts} +77 -11
- package/dist/datepicker-locales/ar-SA.d.ts +1 -1
- package/dist/datepicker-locales/de-DE.d.ts +1 -1
- package/dist/datepicker-locales/en-US.d.ts +1 -1
- package/dist/datepicker-locales/es-ES.d.ts +1 -1
- package/dist/datepicker-locales/fr-FR.d.ts +1 -1
- package/dist/datepicker-locales/id-ID.d.ts +1 -1
- package/dist/datepicker-locales/ja-JP.d.ts +1 -1
- package/dist/datepicker-locales/ko-KR.d.ts +1 -1
- package/dist/datepicker-locales/pt-BR.d.ts +1 -1
- package/dist/datepicker-locales/registry.d.ts +7 -0
- package/dist/datepicker-locales/registry.js +224 -0
- package/dist/datepicker-locales/th-TH.d.ts +1 -1
- package/dist/datepicker-locales/vi-VN.d.ts +1 -1
- package/dist/datepicker-locales/zh-CN.d.ts +1 -1
- package/dist/datepicker-locales/zh-TW.d.ts +1 -1
- package/dist/icons/picker.d.ts +1 -13
- package/dist/icons/picker.js +0 -12
- package/dist/index.d.ts +11356 -11653
- package/dist/index.js +206 -375
- package/dist/{locale-hhhI2kH6.d.ts → locale-44p_QYnH.d.ts} +4 -7
- package/dist/locales/ar-SA.d.ts +2 -2
- package/dist/locales/ar-SA.js +16 -189
- package/dist/locales/de-DE.d.ts +2 -2
- package/dist/locales/de-DE.js +16 -189
- package/dist/locales/en-US.d.ts +2 -2
- package/dist/locales/es-ES.d.ts +2 -2
- package/dist/locales/es-ES.js +16 -189
- package/dist/locales/fr-FR.d.ts +2 -2
- package/dist/locales/fr-FR.js +16 -189
- package/dist/locales/id-ID.d.ts +2 -2
- package/dist/locales/id-ID.js +16 -189
- package/dist/locales/ja-JP.d.ts +2 -2
- package/dist/locales/ja-JP.js +16 -189
- package/dist/locales/ko-KR.d.ts +2 -2
- package/dist/locales/ko-KR.js +16 -189
- package/dist/locales/pt-BR.d.ts +2 -2
- package/dist/locales/pt-BR.js +16 -189
- package/dist/locales/th-TH.d.ts +2 -2
- package/dist/locales/th-TH.js +16 -189
- package/dist/locales/vi-VN.d.ts +2 -2
- package/dist/locales/vi-VN.js +16 -189
- package/dist/locales/zh-CN.d.ts +2 -2
- package/dist/locales/zh-TW.d.ts +2 -2
- package/dist/locales/zh-TW.js +16 -189
- package/dist/{table-export-CfdzU6Y5.d.ts → table-export-CzPmX1b6.d.ts} +3 -9
- package/dist/utils/table-export.d.ts +3 -3
- package/package.json +40 -71
- package/tokens/tokens.css +0 -329
- package/dist/datepicker-gSOJN_pQ.d.ts +0 -130
- package/dist/datepicker-locales/ar-SA.cjs +0 -46
- package/dist/datepicker-locales/ar-SA.d.cts +0 -6
- package/dist/datepicker-locales/de-DE.cjs +0 -46
- package/dist/datepicker-locales/de-DE.d.cts +0 -6
- package/dist/datepicker-locales/en-US.cjs +0 -46
- package/dist/datepicker-locales/en-US.d.cts +0 -6
- package/dist/datepicker-locales/es-ES.cjs +0 -46
- package/dist/datepicker-locales/es-ES.d.cts +0 -6
- package/dist/datepicker-locales/fr-FR.cjs +0 -46
- package/dist/datepicker-locales/fr-FR.d.cts +0 -6
- package/dist/datepicker-locales/id-ID.cjs +0 -46
- package/dist/datepicker-locales/id-ID.d.cts +0 -6
- package/dist/datepicker-locales/ja-JP.cjs +0 -46
- package/dist/datepicker-locales/ja-JP.d.cts +0 -6
- package/dist/datepicker-locales/ko-KR.cjs +0 -46
- package/dist/datepicker-locales/ko-KR.d.cts +0 -6
- package/dist/datepicker-locales/pt-BR.cjs +0 -46
- package/dist/datepicker-locales/pt-BR.d.cts +0 -6
- package/dist/datepicker-locales/th-TH.cjs +0 -46
- package/dist/datepicker-locales/th-TH.d.cts +0 -6
- package/dist/datepicker-locales/vi-VN.cjs +0 -46
- package/dist/datepicker-locales/vi-VN.d.cts +0 -6
- package/dist/datepicker-locales/zh-CN.cjs +0 -46
- package/dist/datepicker-locales/zh-CN.d.cts +0 -6
- package/dist/datepicker-locales/zh-TW.cjs +0 -46
- package/dist/datepicker-locales/zh-TW.d.cts +0 -6
- package/dist/icons/common.cjs +0 -54
- package/dist/icons/common.d.cts +0 -20
- package/dist/icons/picker.cjs +0 -75
- package/dist/icons/picker.d.cts +0 -53
- package/dist/icons/registry.cjs +0 -172
- package/dist/icons/registry.d.cts +0 -102
- package/dist/icons/status.cjs +0 -47
- package/dist/icons/status.d.cts +0 -13
- package/dist/icons/table.cjs +0 -48
- package/dist/icons/table.d.cts +0 -25
- package/dist/index.cjs +0 -22311
- package/dist/index.d.cts +0 -20523
- package/dist/locale-BTAo7XO1.d.cts +0 -392
- package/dist/locales/ar-SA.cjs +0 -548
- package/dist/locales/ar-SA.d.cts +0 -10
- package/dist/locales/de-DE.cjs +0 -548
- package/dist/locales/de-DE.d.cts +0 -10
- package/dist/locales/en-US.cjs +0 -246
- package/dist/locales/en-US.d.cts +0 -10
- package/dist/locales/es-ES.cjs +0 -548
- package/dist/locales/es-ES.d.cts +0 -10
- package/dist/locales/fr-FR.cjs +0 -548
- package/dist/locales/fr-FR.d.cts +0 -10
- package/dist/locales/id-ID.cjs +0 -531
- package/dist/locales/id-ID.d.cts +0 -10
- package/dist/locales/ja-JP.cjs +0 -531
- package/dist/locales/ja-JP.d.cts +0 -10
- package/dist/locales/ko-KR.cjs +0 -531
- package/dist/locales/ko-KR.d.cts +0 -10
- package/dist/locales/pt-BR.cjs +0 -548
- package/dist/locales/pt-BR.d.cts +0 -10
- package/dist/locales/th-TH.cjs +0 -531
- package/dist/locales/th-TH.d.cts +0 -10
- package/dist/locales/vi-VN.cjs +0 -531
- package/dist/locales/vi-VN.d.cts +0 -10
- package/dist/locales/zh-CN.cjs +0 -246
- package/dist/locales/zh-CN.d.cts +0 -10
- package/dist/locales/zh-TW.cjs +0 -531
- package/dist/locales/zh-TW.d.cts +0 -10
- package/dist/table-export-vfyBzKui.d.cts +0 -882
- package/dist/tailwind/modern.cjs +0 -363
- package/dist/tailwind/modern.d.cts +0 -5
- package/dist/tailwind-entry-CNBAH7iv.d.cts +0 -184
- package/dist/tailwind.cjs +0 -274
- package/dist/tailwind.d.cts +0 -2
- package/dist/utils/table-export.cjs +0 -119
- package/dist/utils/table-export.d.cts +0 -3
package/dist/tailwind/modern.cjs
DELETED
|
@@ -1,363 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// src/tailwind-entry-modern.ts
|
|
31
|
-
var tailwind_entry_modern_exports = {};
|
|
32
|
-
__export(tailwind_entry_modern_exports, {
|
|
33
|
-
default: () => tailwind_entry_modern_default
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(tailwind_entry_modern_exports);
|
|
36
|
-
|
|
37
|
-
// src/tailwind-plugin.ts
|
|
38
|
-
var import_plugin = __toESM(require("tailwindcss/plugin"), 1);
|
|
39
|
-
|
|
40
|
-
// src/theme-runtime/index.ts
|
|
41
|
-
var THEME_CSS_VARS = {
|
|
42
|
-
// Primary colors
|
|
43
|
-
primary: "--tiger-primary",
|
|
44
|
-
primaryHover: "--tiger-primary-hover",
|
|
45
|
-
primaryActive: "--tiger-primary-active",
|
|
46
|
-
primaryDisabled: "--tiger-primary-disabled",
|
|
47
|
-
// Secondary colors
|
|
48
|
-
secondary: "--tiger-secondary",
|
|
49
|
-
secondaryHover: "--tiger-secondary-hover",
|
|
50
|
-
secondaryActive: "--tiger-secondary-active",
|
|
51
|
-
secondaryDisabled: "--tiger-secondary-disabled",
|
|
52
|
-
// Background hover states
|
|
53
|
-
outlineBgHover: "--tiger-outline-bg-hover",
|
|
54
|
-
ghostBgHover: "--tiger-ghost-bg-hover",
|
|
55
|
-
// Interaction states
|
|
56
|
-
focusRing: "--tiger-focus-ring",
|
|
57
|
-
// Surface & background
|
|
58
|
-
surface: "--tiger-surface",
|
|
59
|
-
surfaceMuted: "--tiger-surface-muted",
|
|
60
|
-
surfaceRaised: "--tiger-surface-raised",
|
|
61
|
-
// Text
|
|
62
|
-
text: "--tiger-text",
|
|
63
|
-
textSecondary: "--tiger-text-secondary",
|
|
64
|
-
textDisabled: "--tiger-text-disabled",
|
|
65
|
-
// Border
|
|
66
|
-
border: "--tiger-border",
|
|
67
|
-
borderStrong: "--tiger-border-strong",
|
|
68
|
-
// Status colors
|
|
69
|
-
success: "--tiger-success",
|
|
70
|
-
warning: "--tiger-warning",
|
|
71
|
-
error: "--tiger-error",
|
|
72
|
-
info: "--tiger-info",
|
|
73
|
-
// Chart palette
|
|
74
|
-
chart1: "--tiger-chart-1",
|
|
75
|
-
chart2: "--tiger-chart-2",
|
|
76
|
-
chart3: "--tiger-chart-3",
|
|
77
|
-
chart4: "--tiger-chart-4",
|
|
78
|
-
chart5: "--tiger-chart-5",
|
|
79
|
-
chart6: "--tiger-chart-6",
|
|
80
|
-
// Breakpoints
|
|
81
|
-
breakpointXs: "--tiger-breakpoint-xs",
|
|
82
|
-
breakpointSm: "--tiger-breakpoint-sm",
|
|
83
|
-
breakpointMd: "--tiger-breakpoint-md",
|
|
84
|
-
breakpointLg: "--tiger-breakpoint-lg",
|
|
85
|
-
breakpointXl: "--tiger-breakpoint-xl"
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
// src/themes/modern/tokens.ts
|
|
89
|
-
var MODERN_BASE_TOKENS_LIGHT = {
|
|
90
|
-
// Radius (matches existing rounded-md/lg/xl)
|
|
91
|
-
"--tiger-radius-sm": "0.375rem",
|
|
92
|
-
"--tiger-radius-md": "0.5rem",
|
|
93
|
-
"--tiger-radius-lg": "0.75rem",
|
|
94
|
-
"--tiger-radius-xl": "1rem",
|
|
95
|
-
"--tiger-radius-pill": "9999px",
|
|
96
|
-
// Shadows (Tailwind defaults)
|
|
97
|
-
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
98
|
-
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
99
|
-
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
100
|
-
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
101
|
-
// Glass — inset highlights stay disabled by default (kept flat), but a
|
|
102
|
-
// sensible backdrop blur is enabled out of the box so opt-in surfaces like
|
|
103
|
-
// `Header variant="translucent"/"blur"` render glass without the consumer
|
|
104
|
-
// having to set these tokens. Override to `0px` to fully disable blur.
|
|
105
|
-
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
106
|
-
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
|
|
107
|
-
"--tiger-blur-glass": "16px",
|
|
108
|
-
"--tiger-blur-glass-strong": "24px",
|
|
109
|
-
// Header variant tuning — all overridable without `!important`. `saturate`
|
|
110
|
-
// enriches the blurred backdrop; `--tiger-header-shadow` lets consumers
|
|
111
|
-
// swap the `blur` variant's shadow; `--tiger-header-border` scopes the
|
|
112
|
-
// header's border color (falls back to the global `--tiger-border`) so the
|
|
113
|
-
// glass header border can be tuned without touching every other border.
|
|
114
|
-
"--tiger-header-saturate": "1.8",
|
|
115
|
-
"--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
116
|
-
"--tiger-header-border": "var(--tiger-border, #e5e7eb)",
|
|
117
|
-
// Gradients — fall back to solid color via a no-op linear-gradient
|
|
118
|
-
"--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
|
|
119
|
-
"--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
|
|
120
|
-
"--tiger-gradient-danger": "linear-gradient(180deg, var(--tiger-error), var(--tiger-error))",
|
|
121
|
-
// Motion — current durations / easings
|
|
122
|
-
"--tiger-motion-duration-instant": "80ms",
|
|
123
|
-
"--tiger-motion-duration-quick": "150ms",
|
|
124
|
-
"--tiger-motion-duration-base": "200ms",
|
|
125
|
-
"--tiger-motion-duration-relaxed": "300ms",
|
|
126
|
-
"--tiger-motion-duration-slow": "450ms",
|
|
127
|
-
"--tiger-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
128
|
-
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
|
|
129
|
-
"--tiger-motion-ease-accelerate": "cubic-bezier(0.4, 0, 1, 1)",
|
|
130
|
-
"--tiger-motion-ease-emphasized": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
131
|
-
"--tiger-motion-ease-spring": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
132
|
-
"--tiger-transition-base": "all 200ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
133
|
-
"--tiger-transition-quick": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
134
|
-
"--tiger-transition-emphasized": "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
135
|
-
};
|
|
136
|
-
var MODERN_BASE_TOKENS_DARK = {
|
|
137
|
-
// Shadows tinted slightly to handle dark backgrounds
|
|
138
|
-
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
139
|
-
"--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25)",
|
|
140
|
-
"--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
|
|
141
|
-
"--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
|
|
142
|
-
"--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
|
|
143
|
-
"--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)",
|
|
144
|
-
// Header `blur` variant shadow — slightly deeper for dark surfaces.
|
|
145
|
-
"--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.3)",
|
|
146
|
-
// Header border tracks the dark-mode global border by default.
|
|
147
|
-
"--tiger-header-border": "var(--tiger-border)"
|
|
148
|
-
};
|
|
149
|
-
var MODERN_OVERRIDE_TOKENS_LIGHT = {
|
|
150
|
-
// Rounder corners
|
|
151
|
-
"--tiger-radius-sm": "8px",
|
|
152
|
-
"--tiger-radius-md": "12px",
|
|
153
|
-
"--tiger-radius-lg": "16px",
|
|
154
|
-
"--tiger-radius-xl": "20px",
|
|
155
|
-
"--tiger-radius-pill": "9999px",
|
|
156
|
-
// Multi-layer shadows
|
|
157
|
-
"--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06)",
|
|
158
|
-
"--tiger-shadow-md": "0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
|
|
159
|
-
"--tiger-shadow-lg": "0 12px 24px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.04)",
|
|
160
|
-
"--tiger-shadow-xl": "0 24px 48px -8px rgb(0 0 0 / 0.1), 0 8px 16px -4px rgb(0 0 0 / 0.05)",
|
|
161
|
-
// Glass: backdrop blur + inset highlights
|
|
162
|
-
"--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)",
|
|
163
|
-
"--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)",
|
|
164
|
-
"--tiger-blur-glass": "16px",
|
|
165
|
-
"--tiger-blur-glass-strong": "24px",
|
|
166
|
-
// Chart axis softening (modern look uses fainter axis/grid strokes)
|
|
167
|
-
"--tiger-chart-axis-line-opacity": "0.6",
|
|
168
|
-
"--tiger-chart-axis-tick-opacity": "0.55",
|
|
169
|
-
"--tiger-chart-grid-line-opacity": "0.4",
|
|
170
|
-
// Chart legend marker + row hover (opt-in glassy look)
|
|
171
|
-
"--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%)",
|
|
172
|
-
"--tiger-chart-legend-row-hover-bg": "rgb(15 23 42 / 0.04)",
|
|
173
|
-
"--tiger-chart-legend-row-radius": "var(--tiger-radius-sm, 6px)",
|
|
174
|
-
// Chart block (TreeMap / Sunburst / Heatmap rect & path) — softer corners + active highlight
|
|
175
|
-
"--tiger-chart-block-radius": "var(--tiger-radius-sm, 2px)",
|
|
176
|
-
"--tiger-chart-block-active-filter": "brightness(1.08) saturate(1.1)",
|
|
177
|
-
// Chart bar (BarChart rect) — softer top corners (modern bumps to --tiger-radius-sm)
|
|
178
|
-
"--tiger-chart-bar-radius": "var(--tiger-radius-sm, 4px)",
|
|
179
|
-
// Chart scatter point — slightly stronger halo on hover under modern preset
|
|
180
|
-
"--tiger-chart-scatter-halo-radius": "6px",
|
|
181
|
-
// Chart donut center hole — opt-in glass panel behind centerValue / centerLabel
|
|
182
|
-
"--tiger-chart-donut-center-padding": "10px 14px",
|
|
183
|
-
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #ffffff) 78%, transparent)",
|
|
184
|
-
"--tiger-chart-donut-center-shadow": "var(--tiger-shadow-glass)",
|
|
185
|
-
"--tiger-chart-donut-center-backdrop": "blur(var(--tiger-blur-glass, 16px)) saturate(1.05)",
|
|
186
|
-
// Subtle gradients via OKLab color-mix
|
|
187
|
-
"--tiger-gradient-primary": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-primary) 100%, white 8%) 0%, var(--tiger-primary) 100%)",
|
|
188
|
-
"--tiger-gradient-surface": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-surface) 100%, white 4%) 0%, var(--tiger-surface) 100%)",
|
|
189
|
-
"--tiger-gradient-danger": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-error) 100%, white 6%) 0%, var(--tiger-error) 100%)",
|
|
190
|
-
// Refined motion
|
|
191
|
-
"--tiger-motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
192
|
-
"--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0, 1)",
|
|
193
|
-
"--tiger-motion-ease-accelerate": "cubic-bezier(0.3, 0, 1, 1)",
|
|
194
|
-
"--tiger-motion-ease-emphasized": "cubic-bezier(0.2, 0, 0, 1.2)",
|
|
195
|
-
"--tiger-motion-ease-spring": "linear(0, 0.36 8%, 0.85 22%, 1.05 33%, 1.02 50%, 0.99 70%, 1)",
|
|
196
|
-
"--tiger-transition-base": "all var(--tiger-motion-duration-base) var(--tiger-motion-ease-standard)",
|
|
197
|
-
"--tiger-transition-quick": "all var(--tiger-motion-duration-quick) var(--tiger-motion-ease-standard)",
|
|
198
|
-
"--tiger-transition-emphasized": "transform var(--tiger-motion-duration-relaxed) var(--tiger-motion-ease-emphasized)"
|
|
199
|
-
};
|
|
200
|
-
var MODERN_OVERRIDE_TOKENS_DARK = {
|
|
201
|
-
"--tiger-shadow-sm": "0 1px 2px 0 rgb(2 6 23 / 0.5)",
|
|
202
|
-
"--tiger-shadow-md": "0 4px 8px -2px rgb(2 6 23 / 0.55), 0 2px 4px -1px rgb(2 6 23 / 0.4)",
|
|
203
|
-
"--tiger-shadow-lg": "0 12px 24px -4px rgb(2 6 23 / 0.55), 0 4px 8px -2px rgb(2 6 23 / 0.4)",
|
|
204
|
-
"--tiger-shadow-xl": "0 24px 48px -8px rgb(2 6 23 / 0.6), 0 8px 16px -4px rgb(2 6 23 / 0.45)",
|
|
205
|
-
"--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)",
|
|
206
|
-
"--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)",
|
|
207
|
-
// Chart legend row hover for dark surfaces (slightly brighter)
|
|
208
|
-
"--tiger-chart-legend-row-hover-bg": "rgb(255 255 255 / 0.06)",
|
|
209
|
-
// Donut center glass panel for dark surfaces (slightly more opaque to read on dark)
|
|
210
|
-
"--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #0f172a) 70%, transparent)"
|
|
211
|
-
};
|
|
212
|
-
var MODERN_REDUCED_MOTION_TOKENS = {
|
|
213
|
-
"--tiger-motion-duration-instant": "0ms",
|
|
214
|
-
"--tiger-motion-duration-quick": "0ms",
|
|
215
|
-
"--tiger-motion-duration-base": "0ms",
|
|
216
|
-
"--tiger-motion-duration-relaxed": "0ms",
|
|
217
|
-
"--tiger-motion-duration-slow": "0ms",
|
|
218
|
-
"--tiger-transition-base": "all 0ms linear",
|
|
219
|
-
"--tiger-transition-quick": "all 0ms linear",
|
|
220
|
-
"--tiger-transition-emphasized": "transform 0ms linear"
|
|
221
|
-
};
|
|
222
|
-
|
|
223
|
-
// src/themes/default/theme.ts
|
|
224
|
-
var defaultThemeLightColors = {
|
|
225
|
-
primary: "#2563eb",
|
|
226
|
-
primaryHover: "#1d4ed8",
|
|
227
|
-
primaryActive: "#1e40af",
|
|
228
|
-
primaryDisabled: "#93c5fd",
|
|
229
|
-
secondary: "#4b5563",
|
|
230
|
-
secondaryHover: "#374151",
|
|
231
|
-
secondaryActive: "#1f2937",
|
|
232
|
-
secondaryDisabled: "#9ca3af",
|
|
233
|
-
outlineBgHover: "#eff6ff",
|
|
234
|
-
ghostBgHover: "#eff6ff",
|
|
235
|
-
focusRing: "#2563eb",
|
|
236
|
-
surface: "#ffffff",
|
|
237
|
-
surfaceMuted: "#f9fafb",
|
|
238
|
-
surfaceRaised: "#ffffff",
|
|
239
|
-
text: "#111827",
|
|
240
|
-
textSecondary: "#6b7280",
|
|
241
|
-
textDisabled: "#d1d5db",
|
|
242
|
-
border: "#e5e7eb",
|
|
243
|
-
borderStrong: "#9ca3af",
|
|
244
|
-
success: "#16a34a",
|
|
245
|
-
warning: "#d97706",
|
|
246
|
-
error: "#dc2626",
|
|
247
|
-
info: "#3b82f6",
|
|
248
|
-
chart1: "#2563eb",
|
|
249
|
-
chart2: "#16a34a",
|
|
250
|
-
chart3: "#d97706",
|
|
251
|
-
chart4: "#a855f7",
|
|
252
|
-
chart5: "#0ea5e9",
|
|
253
|
-
chart6: "#ef4444"
|
|
254
|
-
};
|
|
255
|
-
var defaultThemeDarkColors = {
|
|
256
|
-
primary: "#60a5fa",
|
|
257
|
-
primaryHover: "#93c5fd",
|
|
258
|
-
primaryActive: "#bfdbfe",
|
|
259
|
-
primaryDisabled: "#1e40af",
|
|
260
|
-
secondary: "#9ca3af",
|
|
261
|
-
secondaryHover: "#d1d5db",
|
|
262
|
-
secondaryActive: "#e5e7eb",
|
|
263
|
-
secondaryDisabled: "#4b5563",
|
|
264
|
-
outlineBgHover: "#1e3a5f",
|
|
265
|
-
ghostBgHover: "#1e3a5f",
|
|
266
|
-
focusRing: "#60a5fa",
|
|
267
|
-
surface: "#111827",
|
|
268
|
-
surfaceMuted: "#1f2937",
|
|
269
|
-
surfaceRaised: "#1f2937",
|
|
270
|
-
text: "#f9fafb",
|
|
271
|
-
textSecondary: "#d1d5db",
|
|
272
|
-
textDisabled: "#4b5563",
|
|
273
|
-
border: "#374151",
|
|
274
|
-
borderStrong: "#6b7280",
|
|
275
|
-
success: "#4ade80",
|
|
276
|
-
warning: "#fbbf24",
|
|
277
|
-
error: "#f87171",
|
|
278
|
-
info: "#60a5fa",
|
|
279
|
-
chart1: "#60a5fa",
|
|
280
|
-
chart2: "#4ade80",
|
|
281
|
-
chart3: "#fbbf24",
|
|
282
|
-
chart4: "#c084fc",
|
|
283
|
-
chart5: "#38bdf8",
|
|
284
|
-
chart6: "#f87171"
|
|
285
|
-
};
|
|
286
|
-
|
|
287
|
-
// src/tailwind-plugin.ts
|
|
288
|
-
function presetToVars(colors) {
|
|
289
|
-
const vars = {};
|
|
290
|
-
for (const [key, value] of Object.entries(colors)) {
|
|
291
|
-
const varName = THEME_CSS_VARS[key];
|
|
292
|
-
if (varName && value) {
|
|
293
|
-
vars[varName] = value;
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
return vars;
|
|
297
|
-
}
|
|
298
|
-
var tigercatTheme = presetToVars(defaultThemeLightColors);
|
|
299
|
-
var tigercatDarkTheme = presetToVars(defaultThemeDarkColors);
|
|
300
|
-
var tigercatDirectionBase = {
|
|
301
|
-
'[dir="rtl"] .tiger-rtl-mirror, [data-tiger-dir="rtl"] .tiger-rtl-mirror': {
|
|
302
|
-
transform: "scaleX(-1)"
|
|
303
|
-
},
|
|
304
|
-
'[dir="rtl"] .tiger-text-start, [data-tiger-dir="rtl"] .tiger-text-start': {
|
|
305
|
-
textAlign: "right"
|
|
306
|
-
},
|
|
307
|
-
'[dir="rtl"] .tiger-text-end, [data-tiger-dir="rtl"] .tiger-text-end': {
|
|
308
|
-
textAlign: "left"
|
|
309
|
-
},
|
|
310
|
-
'[dir="rtl"] .tiger-flex-row, [data-tiger-dir="rtl"] .tiger-flex-row': {
|
|
311
|
-
flexDirection: "row-reverse"
|
|
312
|
-
}
|
|
313
|
-
};
|
|
314
|
-
var tigercatReducedMotionBase = {
|
|
315
|
-
"@media (prefers-reduced-motion: reduce)": {
|
|
316
|
-
':root, [data-tiger-style="modern"]': MODERN_REDUCED_MOTION_TOKENS,
|
|
317
|
-
".tiger-motion-aware, .tiger-motion-aware::before, .tiger-motion-aware::after, [data-tiger-motion]": {
|
|
318
|
-
animationDuration: "0ms",
|
|
319
|
-
animationDelay: "0ms",
|
|
320
|
-
transitionDuration: "0ms",
|
|
321
|
-
transitionDelay: "0ms",
|
|
322
|
-
scrollBehavior: "auto"
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
};
|
|
326
|
-
var tigercatPlugin = (0, import_plugin.default)(function({ addBase }) {
|
|
327
|
-
addBase({
|
|
328
|
-
":root": { ...tigercatTheme, ...MODERN_BASE_TOKENS_LIGHT },
|
|
329
|
-
".dark": { ...tigercatDarkTheme, ...MODERN_BASE_TOKENS_DARK },
|
|
330
|
-
// Remove browser default focus outline on interactive SVG elements
|
|
331
|
-
'svg [tabindex], svg [role="button"]': {
|
|
332
|
-
outline: "none"
|
|
333
|
-
},
|
|
334
|
-
...tigercatDirectionBase,
|
|
335
|
-
...tigercatReducedMotionBase
|
|
336
|
-
});
|
|
337
|
-
});
|
|
338
|
-
function createTigercatPlugin(options = {}) {
|
|
339
|
-
return (0, import_plugin.default)(function({ addBase }) {
|
|
340
|
-
const preset = options.preset;
|
|
341
|
-
const lightVars = preset?.light?.colors ? presetToVars(preset.light.colors) : tigercatTheme;
|
|
342
|
-
const darkVars = preset?.dark?.colors ? presetToVars(preset.dark.colors) : tigercatDarkTheme;
|
|
343
|
-
addBase({
|
|
344
|
-
":root": { ...lightVars, ...MODERN_BASE_TOKENS_LIGHT },
|
|
345
|
-
".dark": { ...darkVars, ...MODERN_BASE_TOKENS_DARK },
|
|
346
|
-
'svg [tabindex], svg [role="button"]': {
|
|
347
|
-
outline: "none"
|
|
348
|
-
},
|
|
349
|
-
...tigercatDirectionBase,
|
|
350
|
-
...tigercatReducedMotionBase
|
|
351
|
-
});
|
|
352
|
-
if (options.modern) {
|
|
353
|
-
addBase({
|
|
354
|
-
'[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
|
|
355
|
-
'.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK
|
|
356
|
-
});
|
|
357
|
-
}
|
|
358
|
-
});
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
// src/tailwind-entry-modern.ts
|
|
362
|
-
var modernPlugin = createTigercatPlugin({ modern: true });
|
|
363
|
-
var tailwind_entry_modern_default = modernPlugin;
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import * as tailwindcss_plugin from 'tailwindcss/plugin';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Theme configuration types for Tigercat Design System
|
|
5
|
-
*
|
|
6
|
-
* Three-level structure:
|
|
7
|
-
* - ThemeColorScale: primitive color palette (50–950 shades)
|
|
8
|
-
* - ThemeSemanticColors: semantic mappings (primary, surface, text, border, status)
|
|
9
|
-
* - ThemeConfig: full configuration (colors + typography + radius + shadows + spacing)
|
|
10
|
-
*
|
|
11
|
-
* @module types/theme
|
|
12
|
-
* @since 0.7.0
|
|
13
|
-
*/
|
|
14
|
-
/**
|
|
15
|
-
* A 10-step color shade scale (Tailwind-compatible).
|
|
16
|
-
* Shade 900 is optional since tokens.json uses 950 only.
|
|
17
|
-
*/
|
|
18
|
-
interface ThemeColorScale {
|
|
19
|
-
50: string;
|
|
20
|
-
100: string;
|
|
21
|
-
200: string;
|
|
22
|
-
300: string;
|
|
23
|
-
400: string;
|
|
24
|
-
500: string;
|
|
25
|
-
600: string;
|
|
26
|
-
700: string;
|
|
27
|
-
800: string;
|
|
28
|
-
900?: string;
|
|
29
|
-
950: string;
|
|
30
|
-
}
|
|
31
|
-
/** Colors for a single interactive/status hue (light **and** dark) */
|
|
32
|
-
interface ThemeSemanticColors {
|
|
33
|
-
/** Core interactive colors */
|
|
34
|
-
primary: string;
|
|
35
|
-
primaryHover: string;
|
|
36
|
-
primaryActive: string;
|
|
37
|
-
primaryDisabled: string;
|
|
38
|
-
secondary: string;
|
|
39
|
-
secondaryHover: string;
|
|
40
|
-
secondaryActive: string;
|
|
41
|
-
secondaryDisabled: string;
|
|
42
|
-
/** Button-specific hover backgrounds */
|
|
43
|
-
outlineBgHover: string;
|
|
44
|
-
ghostBgHover: string;
|
|
45
|
-
/** Focus ring color */
|
|
46
|
-
focusRing: string;
|
|
47
|
-
/** Surface / background */
|
|
48
|
-
surface: string;
|
|
49
|
-
surfaceMuted: string;
|
|
50
|
-
surfaceRaised: string;
|
|
51
|
-
/** Text */
|
|
52
|
-
text: string;
|
|
53
|
-
textSecondary: string;
|
|
54
|
-
textDisabled: string;
|
|
55
|
-
/** Border */
|
|
56
|
-
border: string;
|
|
57
|
-
borderStrong: string;
|
|
58
|
-
/** Status (semantic) */
|
|
59
|
-
success: string;
|
|
60
|
-
warning: string;
|
|
61
|
-
error: string;
|
|
62
|
-
info: string;
|
|
63
|
-
/** Chart palette (6 colors) */
|
|
64
|
-
chart1: string;
|
|
65
|
-
chart2: string;
|
|
66
|
-
chart3: string;
|
|
67
|
-
chart4: string;
|
|
68
|
-
chart5: string;
|
|
69
|
-
chart6: string;
|
|
70
|
-
}
|
|
71
|
-
interface ThemeTypography {
|
|
72
|
-
fontFamily: string;
|
|
73
|
-
fontFamilyMono: string;
|
|
74
|
-
fontSizeBase: string;
|
|
75
|
-
fontSizeSm: string;
|
|
76
|
-
fontSizeLg: string;
|
|
77
|
-
fontWeightNormal: string;
|
|
78
|
-
fontWeightMedium: string;
|
|
79
|
-
fontWeightSemibold: string;
|
|
80
|
-
fontWeightBold: string;
|
|
81
|
-
lineHeightNormal: string;
|
|
82
|
-
lineHeightTight: string;
|
|
83
|
-
}
|
|
84
|
-
interface ThemeRadius {
|
|
85
|
-
none: string;
|
|
86
|
-
sm: string;
|
|
87
|
-
md: string;
|
|
88
|
-
lg: string;
|
|
89
|
-
xl: string;
|
|
90
|
-
full: string;
|
|
91
|
-
}
|
|
92
|
-
interface ThemeShadows {
|
|
93
|
-
xs: string;
|
|
94
|
-
sm: string;
|
|
95
|
-
md: string;
|
|
96
|
-
lg: string;
|
|
97
|
-
xl: string;
|
|
98
|
-
}
|
|
99
|
-
interface ThemeSpacing {
|
|
100
|
-
xs: string;
|
|
101
|
-
sm: string;
|
|
102
|
-
md: string;
|
|
103
|
-
lg: string;
|
|
104
|
-
xl: string;
|
|
105
|
-
}
|
|
106
|
-
interface ThemeMotion {
|
|
107
|
-
durationFast: string;
|
|
108
|
-
durationBase: string;
|
|
109
|
-
durationSlow: string;
|
|
110
|
-
easing: string;
|
|
111
|
-
}
|
|
112
|
-
/**
|
|
113
|
-
* Complete theme configuration.
|
|
114
|
-
* All sections are optional — missing values fall back to the default theme.
|
|
115
|
-
*/
|
|
116
|
-
interface ThemeConfig {
|
|
117
|
-
colors?: Partial<ThemeSemanticColors>;
|
|
118
|
-
typography?: Partial<ThemeTypography>;
|
|
119
|
-
radius?: Partial<ThemeRadius>;
|
|
120
|
-
shadows?: Partial<ThemeShadows>;
|
|
121
|
-
spacing?: Partial<ThemeSpacing>;
|
|
122
|
-
motion?: Partial<ThemeMotion>;
|
|
123
|
-
}
|
|
124
|
-
/** Name of a built-in preset theme */
|
|
125
|
-
type ThemePresetName = 'default' | 'vibrant' | 'professional' | 'minimal' | 'natural' | 'modern' | 'high-contrast';
|
|
126
|
-
/**
|
|
127
|
-
* A fully defined preset theme.
|
|
128
|
-
* Both `light` and `dark` are required; they will be merged with defaults at runtime.
|
|
129
|
-
*/
|
|
130
|
-
interface ThemePreset {
|
|
131
|
-
name: ThemePresetName | string;
|
|
132
|
-
label: string;
|
|
133
|
-
light: ThemeConfig;
|
|
134
|
-
dark: ThemeConfig;
|
|
135
|
-
}
|
|
136
|
-
/** Controls which colour scheme the ThemeManager applies */
|
|
137
|
-
type ColorScheme = 'light' | 'dark' | 'auto';
|
|
138
|
-
|
|
139
|
-
/** Default theme colors for Tigercat. */
|
|
140
|
-
declare const tigercatTheme: Record<string, string>;
|
|
141
|
-
/** Dark mode theme overrides. */
|
|
142
|
-
declare const tigercatDarkTheme: Record<string, string>;
|
|
143
|
-
/**
|
|
144
|
-
* Tailwind CSS plugin for Tigercat
|
|
145
|
-
* Injects the default CSS variables into the root scope
|
|
146
|
-
*/
|
|
147
|
-
declare const tigercatPlugin: tailwindcss_plugin.PluginWithConfig;
|
|
148
|
-
interface TigercatPluginOptions {
|
|
149
|
-
/** A ThemePreset object to use instead of the built-in default */
|
|
150
|
-
preset?: ThemePreset;
|
|
151
|
-
/**
|
|
152
|
-
* Enable the opt-in "modern" token layer.
|
|
153
|
-
*
|
|
154
|
-
* When `true`, the plugin emits `[data-tiger-style="modern"]` (and the
|
|
155
|
-
* dark counterpart) blocks that override radius / shadow / glass /
|
|
156
|
-
* gradient / motion tokens with the modern values, plus a
|
|
157
|
-
* `prefers-reduced-motion` rule that collapses motion durations.
|
|
158
|
-
*
|
|
159
|
-
* Activate it on a page by setting `data-tiger-style="modern"` on `<html>`
|
|
160
|
-
* or any ancestor element of your Tigercat tree.
|
|
161
|
-
*
|
|
162
|
-
* @default false
|
|
163
|
-
*/
|
|
164
|
-
modern?: boolean;
|
|
165
|
-
}
|
|
166
|
-
/**
|
|
167
|
-
* Configurable Tailwind CSS plugin for Tigercat.
|
|
168
|
-
*
|
|
169
|
-
* @example
|
|
170
|
-
* ```ts
|
|
171
|
-
* import { createTigercatPlugin, vibrantTheme, modernTheme } from '@expcat/tigercat-core'
|
|
172
|
-
*
|
|
173
|
-
* export default {
|
|
174
|
-
* plugins: [
|
|
175
|
-
* createTigercatPlugin({ preset: vibrantTheme }),
|
|
176
|
-
* // or enable the modern visual style:
|
|
177
|
-
* createTigercatPlugin({ preset: modernTheme, modern: true })
|
|
178
|
-
* ]
|
|
179
|
-
* }
|
|
180
|
-
* ```
|
|
181
|
-
*/
|
|
182
|
-
declare function createTigercatPlugin(options?: TigercatPluginOptions): tailwindcss_plugin.PluginWithConfig;
|
|
183
|
-
|
|
184
|
-
export { type ColorScheme as C, type ThemePreset as T, type ThemeConfig as a, type ThemeColorScale as b, type ThemeMotion as c, type ThemePresetName as d, type ThemeRadius as e, type ThemeSemanticColors as f, type ThemeShadows as g, type ThemeSpacing as h, type ThemeTypography as i, type TigercatPluginOptions as j, createTigercatPlugin as k, tigercatPlugin as l, tigercatTheme as m, tigercatDarkTheme as t };
|