@mieweb/ui 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -0
- package/dist/ag-grid.cjs +753 -0
- package/dist/ag-grid.cjs.map +1 -0
- package/dist/ag-grid.d.cts +193 -0
- package/dist/ag-grid.d.ts +193 -0
- package/dist/ag-grid.js +698 -0
- package/dist/ag-grid.js.map +1 -0
- package/dist/brands/bluehive.css +20 -0
- package/dist/brands/enterprise-health.css +32 -4
- package/dist/brands/index.cjs +12 -7
- package/dist/brands/index.d.cts +3 -1
- package/dist/brands/index.d.ts +3 -1
- package/dist/brands/index.js +3 -2
- package/dist/brands/mieweb.css +20 -0
- package/dist/brands/ozwell.cjs +12 -0
- package/dist/brands/ozwell.cjs.map +1 -0
- package/dist/brands/ozwell.css +165 -0
- package/dist/brands/ozwell.d.cts +17 -0
- package/dist/brands/ozwell.d.ts +17 -0
- package/dist/brands/ozwell.js +3 -0
- package/dist/brands/ozwell.js.map +1 -0
- package/dist/brands/waggleline.css +46 -0
- package/dist/brands/webchart.css +20 -0
- package/dist/chunk-4DJNHPHB.js +82 -0
- package/dist/chunk-4DJNHPHB.js.map +1 -0
- package/dist/{chunk-CLJZHS7Y.cjs → chunk-B5364UWR.cjs} +3 -2
- package/dist/chunk-B5364UWR.cjs.map +1 -0
- package/dist/chunk-EYH7OUX5.js +445 -0
- package/dist/chunk-EYH7OUX5.js.map +1 -0
- package/dist/{chunk-UBRDKNLQ.js → chunk-GHRQ3ZJH.js} +178 -51
- package/dist/chunk-GHRQ3ZJH.js.map +1 -0
- package/dist/{chunk-AKTUXJPI.cjs → chunk-INFSKLXE.cjs} +178 -51
- package/dist/chunk-INFSKLXE.cjs.map +1 -0
- package/dist/chunk-KEIA2G6O.cjs +84 -0
- package/dist/chunk-KEIA2G6O.cjs.map +1 -0
- package/dist/{chunk-WN2FJE23.js → chunk-KWDTTGH2.js} +3 -3
- package/dist/{chunk-WN2FJE23.js.map → chunk-KWDTTGH2.js.map} +1 -1
- package/dist/{chunk-MKJDBXX4.cjs → chunk-PEH4ZOEM.cjs} +4 -4
- package/dist/{chunk-MKJDBXX4.cjs.map → chunk-PEH4ZOEM.cjs.map} +1 -1
- package/dist/chunk-QUA7WVHK.cjs +188 -0
- package/dist/chunk-QUA7WVHK.cjs.map +1 -0
- package/dist/{chunk-S4DK5WN6.js → chunk-RYQ5NEKH.js} +3 -2
- package/dist/chunk-RYQ5NEKH.js.map +1 -0
- package/dist/chunk-SSKI6VTW.cjs +449 -0
- package/dist/chunk-SSKI6VTW.cjs.map +1 -0
- package/dist/{chunk-SN52QMRT.js → chunk-TPGT236K.js} +28 -24
- package/dist/chunk-TPGT236K.js.map +1 -0
- package/dist/{chunk-N5EKL4DH.js → chunk-VBHPXSCV.js} +4 -4
- package/dist/{chunk-N5EKL4DH.js.map → chunk-VBHPXSCV.js.map} +1 -1
- package/dist/{chunk-B7DA35BY.cjs → chunk-VZUVYJFU.cjs} +14 -14
- package/dist/{chunk-B7DA35BY.cjs.map → chunk-VZUVYJFU.cjs.map} +1 -1
- package/dist/{chunk-KMN7JX2X.cjs → chunk-WH6I7CMP.cjs} +28 -24
- package/dist/chunk-WH6I7CMP.cjs.map +1 -0
- package/dist/chunk-Y22SOAJM.js +3 -0
- package/dist/chunk-Y22SOAJM.js.map +1 -0
- package/dist/components/AudioPlayer/index.cjs +6 -6
- package/dist/components/AudioPlayer/index.d.cts +24 -10
- package/dist/components/AudioPlayer/index.d.ts +24 -10
- package/dist/components/AudioPlayer/index.js +1 -1
- package/dist/components/Button/index.cjs +3 -3
- package/dist/components/Button/index.js +1 -1
- package/dist/components/DateInput/index.cjs +3 -3
- package/dist/components/DateInput/index.js +2 -2
- package/dist/index.cjs +4556 -2833
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +411 -227
- package/dist/index.d.ts +411 -227
- package/dist/index.js +4093 -2349
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/tailwind-preset.cjs +4 -4
- package/dist/tailwind-preset.js +1 -1
- package/dist/utils/index.cjs +9 -9
- package/dist/utils/index.js +1 -1
- package/package.json +53 -38
- package/dist/chunk-AKTUXJPI.cjs.map +0 -1
- package/dist/chunk-CLJZHS7Y.cjs.map +0 -1
- package/dist/chunk-KMN7JX2X.cjs.map +0 -1
- package/dist/chunk-O7WRE2WX.js +0 -195
- package/dist/chunk-O7WRE2WX.js.map +0 -1
- package/dist/chunk-S4DK5WN6.js.map +0 -1
- package/dist/chunk-SJ3BF4BO.cjs +0 -199
- package/dist/chunk-SJ3BF4BO.cjs.map +0 -1
- package/dist/chunk-SN52QMRT.js.map +0 -1
- package/dist/chunk-UBRDKNLQ.js.map +0 -1
package/dist/brands/webchart.css
CHANGED
|
@@ -44,6 +44,16 @@
|
|
|
44
44
|
--mieweb-success-foreground: #ffffff;
|
|
45
45
|
--mieweb-warning: #f59e0b;
|
|
46
46
|
--mieweb-warning-foreground: #ffffff;
|
|
47
|
+
--mieweb-info: #0ea5e9;
|
|
48
|
+
--mieweb-info-foreground: #ffffff;
|
|
49
|
+
--mieweb-secondary-foreground: #ffffff;
|
|
50
|
+
|
|
51
|
+
/* Chart / Data Visualization */
|
|
52
|
+
--mieweb-chart-1: #f5841f;
|
|
53
|
+
--mieweb-chart-2: #22c55e;
|
|
54
|
+
--mieweb-chart-3: #0ea5e9;
|
|
55
|
+
--mieweb-chart-4: #ef4444;
|
|
56
|
+
--mieweb-chart-5: #6366f1;
|
|
47
57
|
|
|
48
58
|
/* Typography */
|
|
49
59
|
--mieweb-font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
|
@@ -85,6 +95,16 @@
|
|
|
85
95
|
--mieweb-success-foreground: #fafafa;
|
|
86
96
|
--mieweb-warning: #d97706;
|
|
87
97
|
--mieweb-warning-foreground: #fafafa;
|
|
98
|
+
--mieweb-info: #0284c7;
|
|
99
|
+
--mieweb-info-foreground: #fafafa;
|
|
100
|
+
--mieweb-secondary-foreground: #fafafa;
|
|
101
|
+
|
|
102
|
+
/* Chart */
|
|
103
|
+
--mieweb-chart-1: #fb923c;
|
|
104
|
+
--mieweb-chart-2: #4ade80;
|
|
105
|
+
--mieweb-chart-3: #38bdf8;
|
|
106
|
+
--mieweb-chart-4: #f87171;
|
|
107
|
+
--mieweb-chart-5: #818cf8;
|
|
88
108
|
}
|
|
89
109
|
|
|
90
110
|
/* ============================================
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// src/brands/ozwell.ts
|
|
2
|
+
var ozwellBrand = {
|
|
3
|
+
name: "ozwell",
|
|
4
|
+
displayName: "Ozwell",
|
|
5
|
+
description: "Ozwell AI Assistant by BlueHive Health",
|
|
6
|
+
colors: {
|
|
7
|
+
// Primary color scale - BlueHive Blue (#27aae1)
|
|
8
|
+
primary: {
|
|
9
|
+
50: "#e6f7fc",
|
|
10
|
+
100: "#b3e6f6",
|
|
11
|
+
200: "#80d5f0",
|
|
12
|
+
300: "#4dc4ea",
|
|
13
|
+
400: "#27aae1",
|
|
14
|
+
500: "#27aae1",
|
|
15
|
+
600: "#1f98ca",
|
|
16
|
+
700: "#1786b3",
|
|
17
|
+
800: "#0f749c",
|
|
18
|
+
900: "#086285",
|
|
19
|
+
950: "#00506e"
|
|
20
|
+
},
|
|
21
|
+
// Light mode semantic colors
|
|
22
|
+
light: {
|
|
23
|
+
background: "#ffffff",
|
|
24
|
+
foreground: "#171717",
|
|
25
|
+
card: "#ffffff",
|
|
26
|
+
cardForeground: "#171717",
|
|
27
|
+
muted: "#f5f5f5",
|
|
28
|
+
mutedForeground: "#737373",
|
|
29
|
+
border: "#e5e7eb",
|
|
30
|
+
input: "#e5e7eb",
|
|
31
|
+
ring: "#27aae1",
|
|
32
|
+
destructive: "#ef4444",
|
|
33
|
+
destructiveForeground: "#ffffff",
|
|
34
|
+
success: "#22c55e",
|
|
35
|
+
successForeground: "#ffffff",
|
|
36
|
+
warning: "#f59e0b",
|
|
37
|
+
warningForeground: "#ffffff"
|
|
38
|
+
},
|
|
39
|
+
// Dark mode semantic colors
|
|
40
|
+
dark: {
|
|
41
|
+
background: "#181818",
|
|
42
|
+
foreground: "#dee2e6",
|
|
43
|
+
card: "#181818",
|
|
44
|
+
cardForeground: "#dee2e6",
|
|
45
|
+
muted: "#2b3035",
|
|
46
|
+
mutedForeground: "#adb5bd",
|
|
47
|
+
border: "rgba(255, 255, 255, 0.15)",
|
|
48
|
+
input: "#495057",
|
|
49
|
+
ring: "#27aae1",
|
|
50
|
+
destructive: "#dc2626",
|
|
51
|
+
destructiveForeground: "#fafafa",
|
|
52
|
+
success: "#16a34a",
|
|
53
|
+
successForeground: "#fafafa",
|
|
54
|
+
warning: "#d97706",
|
|
55
|
+
warningForeground: "#fafafa"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
typography: {
|
|
59
|
+
fontFamily: {
|
|
60
|
+
sans: ["Nunito", "ui-sans-serif", "system-ui", "sans-serif"],
|
|
61
|
+
mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
borderRadius: {
|
|
65
|
+
none: "0",
|
|
66
|
+
sm: "0.25rem",
|
|
67
|
+
md: "0.5rem",
|
|
68
|
+
lg: "0.75rem",
|
|
69
|
+
xl: "1rem",
|
|
70
|
+
"2xl": "1.5rem",
|
|
71
|
+
full: "9999px"
|
|
72
|
+
},
|
|
73
|
+
boxShadow: {
|
|
74
|
+
card: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
75
|
+
dropdown: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
76
|
+
modal: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
export { ozwellBrand };
|
|
81
|
+
//# sourceMappingURL=chunk-4DJNHPHB.js.map
|
|
82
|
+
//# sourceMappingURL=chunk-4DJNHPHB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/brands/ozwell.ts"],"names":[],"mappings":";AAcO,IAAM,WAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,QAAA;AAAA,EACN,WAAA,EAAa,QAAA;AAAA,EACb,WAAA,EAAa,wCAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,2BAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,QAAA,EAAU,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC3D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-4DJNHPHB.js","sourcesContent":["/**\n * Ozwell Brand Configuration\n *\n * The official brand theme for Ozwell AI Assistant.\n * Primary color: #27aae1 (BlueHive Blue)\n * Font: Nunito\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Ozwell brand configuration.\n * This defines all the design tokens used in the Ozwell AI Assistant.\n */\nexport const ozwellBrand: BrandConfig = {\n name: 'ozwell',\n displayName: 'Ozwell',\n description: 'Ozwell AI Assistant by BlueHive Health',\n\n colors: {\n // Primary color scale - BlueHive Blue (#27aae1)\n primary: {\n 50: '#e6f7fc',\n 100: '#b3e6f6',\n 200: '#80d5f0',\n 300: '#4dc4ea',\n 400: '#27aae1',\n 500: '#27aae1',\n 600: '#1f98ca',\n 700: '#1786b3',\n 800: '#0f749c',\n 900: '#086285',\n 950: '#00506e',\n },\n\n // Light mode semantic colors\n light: {\n background: '#ffffff',\n foreground: '#171717',\n card: '#ffffff',\n cardForeground: '#171717',\n muted: '#f5f5f5',\n mutedForeground: '#737373',\n border: '#e5e7eb',\n input: '#e5e7eb',\n ring: '#27aae1',\n destructive: '#ef4444',\n destructiveForeground: '#ffffff',\n success: '#22c55e',\n successForeground: '#ffffff',\n warning: '#f59e0b',\n warningForeground: '#ffffff',\n },\n\n // Dark mode semantic colors\n dark: {\n background: '#181818',\n foreground: '#dee2e6',\n card: '#181818',\n cardForeground: '#dee2e6',\n muted: '#2b3035',\n mutedForeground: '#adb5bd',\n border: 'rgba(255, 255, 255, 0.15)',\n input: '#495057',\n ring: '#27aae1',\n destructive: '#dc2626',\n destructiveForeground: '#fafafa',\n success: '#16a34a',\n successForeground: '#fafafa',\n warning: '#d97706',\n warningForeground: '#fafafa',\n },\n },\n\n typography: {\n fontFamily: {\n sans: ['Nunito', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n },\n },\n\n borderRadius: {\n none: '0',\n sm: '0.25rem',\n md: '0.5rem',\n lg: '0.75rem',\n xl: '1rem',\n '2xl': '1.5rem',\n full: '9999px',\n },\n\n boxShadow: {\n card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n dropdown:\n '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n },\n};\n"]}
|
|
@@ -6,10 +6,11 @@ var brands = {
|
|
|
6
6
|
default: () => import('./default-ZGHKI5WF.cjs').then((m) => m.defaultBrand),
|
|
7
7
|
"enterprise-health": () => import('./enterprise-health-UDI25OCV.cjs').then((m) => m.enterpriseHealthBrand),
|
|
8
8
|
mieweb: () => import('./mieweb-UJABK5XX.cjs').then((m) => m.miewebBrand),
|
|
9
|
+
ozwell: () => import('./brands/ozwell.cjs').then((m) => m.ozwellBrand),
|
|
9
10
|
waggleline: () => import('./waggleline-6IGA66HR.cjs').then((m) => m.wagglelineBrand),
|
|
10
11
|
webchart: () => import('./webchart-EHVGP46N.cjs').then((m) => m.webchartBrand)
|
|
11
12
|
};
|
|
12
13
|
|
|
13
14
|
exports.brands = brands;
|
|
14
|
-
//# sourceMappingURL=chunk-
|
|
15
|
-
//# sourceMappingURL=chunk-
|
|
15
|
+
//# sourceMappingURL=chunk-B5364UWR.cjs.map
|
|
16
|
+
//# sourceMappingURL=chunk-B5364UWR.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAiCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-B5364UWR.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n BrandConfig,\n BrandColors,\n BrandTypography,\n BrandBorderRadius,\n BrandBoxShadow,\n ColorScale,\n SemanticColors,\n} from './types';\n\nexport {\n generateBrandCSS,\n generateTailwindTheme,\n createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n default: () => import('./default').then((m) => m.defaultBrand),\n 'enterprise-health': () =>\n import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}
|
|
@@ -0,0 +1,445 @@
|
|
|
1
|
+
// src/tailwind-preset.ts
|
|
2
|
+
var miewebUISafelist = [
|
|
3
|
+
// Semantic colors
|
|
4
|
+
"border-border",
|
|
5
|
+
"border-input",
|
|
6
|
+
"ring-ring",
|
|
7
|
+
"bg-background",
|
|
8
|
+
"bg-card",
|
|
9
|
+
"bg-muted",
|
|
10
|
+
"bg-primary",
|
|
11
|
+
"bg-success",
|
|
12
|
+
"bg-warning",
|
|
13
|
+
"bg-destructive",
|
|
14
|
+
"bg-info",
|
|
15
|
+
"text-foreground",
|
|
16
|
+
"text-card-foreground",
|
|
17
|
+
"text-muted-foreground",
|
|
18
|
+
"text-primary",
|
|
19
|
+
"text-primary-foreground",
|
|
20
|
+
"text-success",
|
|
21
|
+
"text-success-foreground",
|
|
22
|
+
"text-warning",
|
|
23
|
+
"text-warning-foreground",
|
|
24
|
+
"text-destructive",
|
|
25
|
+
"text-destructive-foreground",
|
|
26
|
+
"text-info",
|
|
27
|
+
"text-info-foreground",
|
|
28
|
+
"focus:ring-ring",
|
|
29
|
+
"focus:ring-primary",
|
|
30
|
+
"focus:border-transparent",
|
|
31
|
+
"focus:ring-destructive",
|
|
32
|
+
"border-primary",
|
|
33
|
+
"border-destructive",
|
|
34
|
+
"border-success",
|
|
35
|
+
"focus:ring-success/20",
|
|
36
|
+
"focus:ring-destructive/20",
|
|
37
|
+
// Opacity-modifier variants for semantic colors used by components
|
|
38
|
+
"bg-background/60",
|
|
39
|
+
"bg-background/80",
|
|
40
|
+
"bg-background/90",
|
|
41
|
+
"bg-background/95",
|
|
42
|
+
"bg-card/80",
|
|
43
|
+
"bg-destructive/5",
|
|
44
|
+
"bg-destructive/10",
|
|
45
|
+
"bg-foreground/50",
|
|
46
|
+
"bg-info/10",
|
|
47
|
+
"bg-muted/10",
|
|
48
|
+
"bg-muted/30",
|
|
49
|
+
"bg-muted/50",
|
|
50
|
+
"bg-primary/5",
|
|
51
|
+
"bg-primary/10",
|
|
52
|
+
"bg-success/10",
|
|
53
|
+
"bg-warning/10",
|
|
54
|
+
"border-border/80",
|
|
55
|
+
"border-destructive/20",
|
|
56
|
+
"border-destructive/30",
|
|
57
|
+
"border-destructive/50",
|
|
58
|
+
"border-info/30",
|
|
59
|
+
"border-muted-foreground/25",
|
|
60
|
+
"border-muted-foreground/40",
|
|
61
|
+
"border-primary/30",
|
|
62
|
+
"border-primary/50",
|
|
63
|
+
"border-success/30",
|
|
64
|
+
"border-success/50",
|
|
65
|
+
"border-warning/30",
|
|
66
|
+
"hover:bg-destructive/10",
|
|
67
|
+
"hover:bg-muted/10",
|
|
68
|
+
"hover:bg-muted/20",
|
|
69
|
+
"hover:bg-muted/50",
|
|
70
|
+
"hover:bg-muted/80",
|
|
71
|
+
"hover:bg-primary/5",
|
|
72
|
+
"hover:bg-primary/10",
|
|
73
|
+
"hover:bg-primary/20",
|
|
74
|
+
"hover:bg-primary/90",
|
|
75
|
+
"hover:border-border/80",
|
|
76
|
+
"hover:border-muted-foreground/50",
|
|
77
|
+
"hover:text-destructive/80",
|
|
78
|
+
"hover:text-primary/80",
|
|
79
|
+
"text-muted-foreground/30",
|
|
80
|
+
"text-muted-foreground/40",
|
|
81
|
+
"text-muted-foreground/50",
|
|
82
|
+
"text-muted-foreground/60",
|
|
83
|
+
"text-muted-foreground/70",
|
|
84
|
+
"text-primary/80",
|
|
85
|
+
"text-primary-foreground/90",
|
|
86
|
+
"ring-primary",
|
|
87
|
+
"ring-2",
|
|
88
|
+
"ring-offset-2",
|
|
89
|
+
// Grid classes for QuickAction and responsive layouts
|
|
90
|
+
"grid-cols-1",
|
|
91
|
+
"grid-cols-2",
|
|
92
|
+
"grid-cols-3",
|
|
93
|
+
"grid-cols-4",
|
|
94
|
+
"grid-cols-6",
|
|
95
|
+
"sm:grid-cols-1",
|
|
96
|
+
"sm:grid-cols-2",
|
|
97
|
+
"sm:grid-cols-3",
|
|
98
|
+
"sm:grid-cols-4",
|
|
99
|
+
"sm:grid-cols-6",
|
|
100
|
+
"md:grid-cols-2",
|
|
101
|
+
"md:grid-cols-3",
|
|
102
|
+
"md:grid-cols-4",
|
|
103
|
+
"lg:grid-cols-2",
|
|
104
|
+
"lg:grid-cols-3",
|
|
105
|
+
"lg:grid-cols-4",
|
|
106
|
+
// ── Expanded Color Scales ────────────────────────────────────────
|
|
107
|
+
// Secondary scale
|
|
108
|
+
"bg-secondary",
|
|
109
|
+
"bg-secondary-50",
|
|
110
|
+
"bg-secondary-100",
|
|
111
|
+
"bg-secondary-500",
|
|
112
|
+
"bg-secondary-600",
|
|
113
|
+
"text-secondary",
|
|
114
|
+
"text-secondary-500",
|
|
115
|
+
"text-secondary-600",
|
|
116
|
+
"text-secondary-700",
|
|
117
|
+
"text-secondary-foreground",
|
|
118
|
+
"border-secondary",
|
|
119
|
+
"border-secondary-200",
|
|
120
|
+
// Neutral scale
|
|
121
|
+
"bg-neutral-50",
|
|
122
|
+
"bg-neutral-100",
|
|
123
|
+
"bg-neutral-200",
|
|
124
|
+
"bg-neutral-300",
|
|
125
|
+
"bg-neutral-800",
|
|
126
|
+
"bg-neutral-900",
|
|
127
|
+
"text-neutral-500",
|
|
128
|
+
"text-neutral-600",
|
|
129
|
+
"text-neutral-700",
|
|
130
|
+
"text-neutral-400",
|
|
131
|
+
"border-neutral-200",
|
|
132
|
+
"border-neutral-300",
|
|
133
|
+
"dark:bg-neutral-700",
|
|
134
|
+
"dark:bg-neutral-800",
|
|
135
|
+
"dark:text-neutral-300",
|
|
136
|
+
"dark:text-neutral-400",
|
|
137
|
+
"dark:border-neutral-600",
|
|
138
|
+
"dark:border-neutral-700",
|
|
139
|
+
// Destructive scale
|
|
140
|
+
"bg-destructive-50",
|
|
141
|
+
"bg-destructive-100",
|
|
142
|
+
"bg-destructive-500",
|
|
143
|
+
"bg-destructive-600",
|
|
144
|
+
"text-destructive-500",
|
|
145
|
+
"text-destructive-600",
|
|
146
|
+
"text-destructive-700",
|
|
147
|
+
"text-destructive-800",
|
|
148
|
+
"text-destructive-900",
|
|
149
|
+
"border-destructive-200",
|
|
150
|
+
"border-destructive-300",
|
|
151
|
+
"dark:bg-destructive-900",
|
|
152
|
+
"dark:bg-destructive-950",
|
|
153
|
+
"dark:text-destructive-300",
|
|
154
|
+
"dark:text-destructive-400",
|
|
155
|
+
// Success scale
|
|
156
|
+
"bg-success-50",
|
|
157
|
+
"bg-success-100",
|
|
158
|
+
"bg-success-500",
|
|
159
|
+
"bg-success-600",
|
|
160
|
+
"text-success-500",
|
|
161
|
+
"text-success-600",
|
|
162
|
+
"text-success-700",
|
|
163
|
+
"text-success-800",
|
|
164
|
+
"text-success-900",
|
|
165
|
+
"border-success-200",
|
|
166
|
+
"border-success-300",
|
|
167
|
+
"dark:bg-success-900",
|
|
168
|
+
"dark:bg-success-950",
|
|
169
|
+
"dark:text-success-300",
|
|
170
|
+
"dark:text-success-400",
|
|
171
|
+
// Warning scale
|
|
172
|
+
"bg-warning-50",
|
|
173
|
+
"bg-warning-100",
|
|
174
|
+
"bg-warning-500",
|
|
175
|
+
"bg-warning-600",
|
|
176
|
+
"text-warning-500",
|
|
177
|
+
"text-warning-600",
|
|
178
|
+
"text-warning-700",
|
|
179
|
+
"text-warning-800",
|
|
180
|
+
"text-warning-900",
|
|
181
|
+
"border-warning-200",
|
|
182
|
+
"border-warning-300",
|
|
183
|
+
"dark:bg-warning-900",
|
|
184
|
+
"dark:bg-warning-950",
|
|
185
|
+
"dark:text-warning-300",
|
|
186
|
+
"dark:text-warning-400",
|
|
187
|
+
// Info scale
|
|
188
|
+
"bg-info-50",
|
|
189
|
+
"bg-info-100",
|
|
190
|
+
"bg-info-500",
|
|
191
|
+
"bg-info-600",
|
|
192
|
+
"text-info-500",
|
|
193
|
+
"text-info-600",
|
|
194
|
+
"text-info-700",
|
|
195
|
+
"text-info-800",
|
|
196
|
+
"text-info-900",
|
|
197
|
+
"border-info-200",
|
|
198
|
+
"border-info-300",
|
|
199
|
+
"dark:bg-info-900",
|
|
200
|
+
"dark:bg-info-950",
|
|
201
|
+
"dark:text-info-300",
|
|
202
|
+
"dark:text-info-400",
|
|
203
|
+
// Chart colors
|
|
204
|
+
"bg-chart-1",
|
|
205
|
+
"bg-chart-2",
|
|
206
|
+
"bg-chart-3",
|
|
207
|
+
"bg-chart-4",
|
|
208
|
+
"bg-chart-5",
|
|
209
|
+
"text-chart-1",
|
|
210
|
+
"text-chart-2",
|
|
211
|
+
"text-chart-3",
|
|
212
|
+
"text-chart-4",
|
|
213
|
+
"text-chart-5",
|
|
214
|
+
"border-chart-1",
|
|
215
|
+
"border-chart-2",
|
|
216
|
+
"border-chart-3",
|
|
217
|
+
"border-chart-4",
|
|
218
|
+
"border-chart-5",
|
|
219
|
+
// Switch component
|
|
220
|
+
"bg-primary-500",
|
|
221
|
+
"h-5",
|
|
222
|
+
"w-9",
|
|
223
|
+
"h-6",
|
|
224
|
+
"w-11",
|
|
225
|
+
"h-7",
|
|
226
|
+
"w-14",
|
|
227
|
+
"h-4",
|
|
228
|
+
"w-4",
|
|
229
|
+
"w-5",
|
|
230
|
+
"w-6",
|
|
231
|
+
"translate-x-0.5",
|
|
232
|
+
"translate-x-4",
|
|
233
|
+
"translate-x-5",
|
|
234
|
+
"translate-x-7",
|
|
235
|
+
// SchedulePicker / overflow handling
|
|
236
|
+
"overflow-x-auto",
|
|
237
|
+
"overflow-hidden",
|
|
238
|
+
// Select component
|
|
239
|
+
"truncate"
|
|
240
|
+
];
|
|
241
|
+
var miewebUIPreset = {
|
|
242
|
+
darkMode: ["class", '[data-theme="dark"]'],
|
|
243
|
+
safelist: miewebUISafelist,
|
|
244
|
+
theme: {
|
|
245
|
+
extend: {
|
|
246
|
+
colors: {
|
|
247
|
+
// Primary color scale - easily overridable by consumers
|
|
248
|
+
primary: {
|
|
249
|
+
DEFAULT: "var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))",
|
|
250
|
+
50: "var(--mieweb-primary-50, #e6f7fc)",
|
|
251
|
+
100: "var(--mieweb-primary-100, #b3e6f6)",
|
|
252
|
+
200: "var(--mieweb-primary-200, #80d5f0)",
|
|
253
|
+
300: "var(--mieweb-primary-300, #4dc4ea)",
|
|
254
|
+
400: "var(--mieweb-primary-400, #27aae1)",
|
|
255
|
+
500: "var(--mieweb-primary-500, #27aae1)",
|
|
256
|
+
600: "var(--mieweb-primary-600, #1f98ca)",
|
|
257
|
+
700: "var(--mieweb-primary-700, #1786b3)",
|
|
258
|
+
800: "var(--mieweb-primary-800, #0f749c)",
|
|
259
|
+
900: "var(--mieweb-primary-900, #086285)",
|
|
260
|
+
950: "var(--mieweb-primary-950, #00506e)",
|
|
261
|
+
foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
|
|
262
|
+
},
|
|
263
|
+
// Secondary color scale
|
|
264
|
+
secondary: {
|
|
265
|
+
DEFAULT: "var(--mieweb-secondary-500, #6366f1)",
|
|
266
|
+
50: "var(--mieweb-secondary-50, #eef2ff)",
|
|
267
|
+
100: "var(--mieweb-secondary-100, #e0e7ff)",
|
|
268
|
+
200: "var(--mieweb-secondary-200, #c7d2fe)",
|
|
269
|
+
300: "var(--mieweb-secondary-300, #a5b4fc)",
|
|
270
|
+
400: "var(--mieweb-secondary-400, #818cf8)",
|
|
271
|
+
500: "var(--mieweb-secondary-500, #6366f1)",
|
|
272
|
+
600: "var(--mieweb-secondary-600, #4f46e5)",
|
|
273
|
+
700: "var(--mieweb-secondary-700, #4338ca)",
|
|
274
|
+
800: "var(--mieweb-secondary-800, #3730a3)",
|
|
275
|
+
900: "var(--mieweb-secondary-900, #312e81)",
|
|
276
|
+
950: "var(--mieweb-secondary-950, #1e1b4b)",
|
|
277
|
+
foreground: "var(--mieweb-secondary-foreground, #ffffff)"
|
|
278
|
+
},
|
|
279
|
+
// Neutral / gray scale
|
|
280
|
+
neutral: {
|
|
281
|
+
DEFAULT: "var(--mieweb-neutral-500, #737373)",
|
|
282
|
+
50: "var(--mieweb-neutral-50, #fafafa)",
|
|
283
|
+
100: "var(--mieweb-neutral-100, #f5f5f5)",
|
|
284
|
+
200: "var(--mieweb-neutral-200, #e5e5e5)",
|
|
285
|
+
300: "var(--mieweb-neutral-300, #d4d4d4)",
|
|
286
|
+
400: "var(--mieweb-neutral-400, #a3a3a3)",
|
|
287
|
+
500: "var(--mieweb-neutral-500, #737373)",
|
|
288
|
+
600: "var(--mieweb-neutral-600, #525252)",
|
|
289
|
+
700: "var(--mieweb-neutral-700, #404040)",
|
|
290
|
+
800: "var(--mieweb-neutral-800, #262626)",
|
|
291
|
+
900: "var(--mieweb-neutral-900, #171717)",
|
|
292
|
+
950: "var(--mieweb-neutral-950, #0a0a0a)"
|
|
293
|
+
},
|
|
294
|
+
// Semantic colors using CSS variables for theming
|
|
295
|
+
border: "var(--mieweb-border, hsl(214.3 31.8% 91.4%))",
|
|
296
|
+
input: "var(--mieweb-input, hsl(214.3 31.8% 91.4%))",
|
|
297
|
+
ring: "var(--mieweb-ring, hsl(221.2 83.2% 53.3%))",
|
|
298
|
+
background: "var(--mieweb-background, hsl(0 0% 100%))",
|
|
299
|
+
foreground: "var(--mieweb-foreground, hsl(222.2 84% 4.9%))",
|
|
300
|
+
// Component-specific semantic colors
|
|
301
|
+
card: {
|
|
302
|
+
DEFAULT: "var(--mieweb-card, hsl(0 0% 100%))",
|
|
303
|
+
foreground: "var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))"
|
|
304
|
+
},
|
|
305
|
+
muted: {
|
|
306
|
+
DEFAULT: "var(--mieweb-muted, hsl(210 40% 96.1%))",
|
|
307
|
+
foreground: "var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))"
|
|
308
|
+
},
|
|
309
|
+
// Destructive / error scale
|
|
310
|
+
destructive: {
|
|
311
|
+
DEFAULT: "var(--mieweb-destructive-500, #ef4444)",
|
|
312
|
+
50: "var(--mieweb-destructive-50, #fef2f2)",
|
|
313
|
+
100: "var(--mieweb-destructive-100, #fee2e2)",
|
|
314
|
+
200: "var(--mieweb-destructive-200, #fecaca)",
|
|
315
|
+
300: "var(--mieweb-destructive-300, #fca5a5)",
|
|
316
|
+
400: "var(--mieweb-destructive-400, #f87171)",
|
|
317
|
+
500: "var(--mieweb-destructive-500, #ef4444)",
|
|
318
|
+
600: "var(--mieweb-destructive-600, #dc2626)",
|
|
319
|
+
700: "var(--mieweb-destructive-700, #b91c1c)",
|
|
320
|
+
800: "var(--mieweb-destructive-800, #991b1b)",
|
|
321
|
+
900: "var(--mieweb-destructive-900, #7f1d1d)",
|
|
322
|
+
950: "var(--mieweb-destructive-950, #450a0a)",
|
|
323
|
+
foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
|
|
324
|
+
},
|
|
325
|
+
// Success scale
|
|
326
|
+
success: {
|
|
327
|
+
DEFAULT: "var(--mieweb-success-500, #22c55e)",
|
|
328
|
+
50: "var(--mieweb-success-50, #f0fdf4)",
|
|
329
|
+
100: "var(--mieweb-success-100, #dcfce7)",
|
|
330
|
+
200: "var(--mieweb-success-200, #bbf7d0)",
|
|
331
|
+
300: "var(--mieweb-success-300, #86efac)",
|
|
332
|
+
400: "var(--mieweb-success-400, #4ade80)",
|
|
333
|
+
500: "var(--mieweb-success-500, #22c55e)",
|
|
334
|
+
600: "var(--mieweb-success-600, #16a34a)",
|
|
335
|
+
700: "var(--mieweb-success-700, #15803d)",
|
|
336
|
+
800: "var(--mieweb-success-800, #166534)",
|
|
337
|
+
900: "var(--mieweb-success-900, #14532d)",
|
|
338
|
+
950: "var(--mieweb-success-950, #052e16)",
|
|
339
|
+
foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
|
|
340
|
+
},
|
|
341
|
+
// Warning scale
|
|
342
|
+
warning: {
|
|
343
|
+
DEFAULT: "var(--mieweb-warning-500, #f59e0b)",
|
|
344
|
+
50: "var(--mieweb-warning-50, #fffbeb)",
|
|
345
|
+
100: "var(--mieweb-warning-100, #fef3c7)",
|
|
346
|
+
200: "var(--mieweb-warning-200, #fde68a)",
|
|
347
|
+
300: "var(--mieweb-warning-300, #fcd34d)",
|
|
348
|
+
400: "var(--mieweb-warning-400, #fbbf24)",
|
|
349
|
+
500: "var(--mieweb-warning-500, #f59e0b)",
|
|
350
|
+
600: "var(--mieweb-warning-600, #d97706)",
|
|
351
|
+
700: "var(--mieweb-warning-700, #b45309)",
|
|
352
|
+
800: "var(--mieweb-warning-800, #92400e)",
|
|
353
|
+
900: "var(--mieweb-warning-900, #78350f)",
|
|
354
|
+
950: "var(--mieweb-warning-950, #451a03)",
|
|
355
|
+
foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
|
|
356
|
+
},
|
|
357
|
+
// Info scale
|
|
358
|
+
info: {
|
|
359
|
+
DEFAULT: "var(--mieweb-info-500, #0ea5e9)",
|
|
360
|
+
50: "var(--mieweb-info-50, #f0f9ff)",
|
|
361
|
+
100: "var(--mieweb-info-100, #e0f2fe)",
|
|
362
|
+
200: "var(--mieweb-info-200, #bae6fd)",
|
|
363
|
+
300: "var(--mieweb-info-300, #7dd3fc)",
|
|
364
|
+
400: "var(--mieweb-info-400, #38bdf8)",
|
|
365
|
+
500: "var(--mieweb-info-500, #0ea5e9)",
|
|
366
|
+
600: "var(--mieweb-info-600, #0284c7)",
|
|
367
|
+
700: "var(--mieweb-info-700, #0369a1)",
|
|
368
|
+
800: "var(--mieweb-info-800, #075985)",
|
|
369
|
+
900: "var(--mieweb-info-900, #0c4a6e)",
|
|
370
|
+
950: "var(--mieweb-info-950, #082f49)",
|
|
371
|
+
foreground: "var(--mieweb-info-foreground, #ffffff)"
|
|
372
|
+
},
|
|
373
|
+
// Chart / data visualization
|
|
374
|
+
chart: {
|
|
375
|
+
1: "var(--mieweb-chart-1, #27aae1)",
|
|
376
|
+
2: "var(--mieweb-chart-2, #22c55e)",
|
|
377
|
+
3: "var(--mieweb-chart-3, #f59e0b)",
|
|
378
|
+
4: "var(--mieweb-chart-4, #ef4444)",
|
|
379
|
+
5: "var(--mieweb-chart-5, #6366f1)"
|
|
380
|
+
}
|
|
381
|
+
},
|
|
382
|
+
fontFamily: {
|
|
383
|
+
sans: [
|
|
384
|
+
"var(--mieweb-font-sans, ui-sans-serif)",
|
|
385
|
+
"system-ui",
|
|
386
|
+
"sans-serif"
|
|
387
|
+
]
|
|
388
|
+
},
|
|
389
|
+
borderRadius: {
|
|
390
|
+
"2xl": "var(--mieweb-radius-2xl, 1rem)",
|
|
391
|
+
lg: "var(--mieweb-radius-lg, 0.75rem)",
|
|
392
|
+
md: "var(--mieweb-radius-md, 0.5rem)",
|
|
393
|
+
sm: "var(--mieweb-radius-sm, 0.25rem)",
|
|
394
|
+
xl: "var(--mieweb-radius-xl, 1rem)"
|
|
395
|
+
},
|
|
396
|
+
boxShadow: {
|
|
397
|
+
card: "var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))"
|
|
398
|
+
},
|
|
399
|
+
keyframes: {
|
|
400
|
+
"fade-in": {
|
|
401
|
+
"0%": { opacity: "0" },
|
|
402
|
+
"100%": { opacity: "1" }
|
|
403
|
+
},
|
|
404
|
+
"fade-out": {
|
|
405
|
+
"0%": { opacity: "1" },
|
|
406
|
+
"100%": { opacity: "0" }
|
|
407
|
+
},
|
|
408
|
+
"slide-in-from-top": {
|
|
409
|
+
"0%": { transform: "translateY(-0.5rem)", opacity: "0" },
|
|
410
|
+
"100%": { transform: "translateY(0)", opacity: "1" }
|
|
411
|
+
},
|
|
412
|
+
"slide-in-from-bottom": {
|
|
413
|
+
"0%": { transform: "translateY(0.5rem)", opacity: "0" },
|
|
414
|
+
"100%": { transform: "translateY(0)", opacity: "1" }
|
|
415
|
+
},
|
|
416
|
+
"slide-in-right": {
|
|
417
|
+
"0%": { transform: "translateX(100%)", opacity: "0" },
|
|
418
|
+
"100%": { transform: "translateX(0)", opacity: "1" }
|
|
419
|
+
},
|
|
420
|
+
"slide-in-left": {
|
|
421
|
+
"0%": { transform: "translateX(-100%)", opacity: "0" },
|
|
422
|
+
"100%": { transform: "translateX(0)", opacity: "1" }
|
|
423
|
+
},
|
|
424
|
+
"scale-in": {
|
|
425
|
+
"0%": { transform: "scale(0.95)", opacity: "0" },
|
|
426
|
+
"100%": { transform: "scale(1)", opacity: "1" }
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
animation: {
|
|
430
|
+
"fade-in": "fade-in 150ms ease-out",
|
|
431
|
+
"fade-out": "fade-out 150ms ease-in",
|
|
432
|
+
"slide-in-from-top": "slide-in-from-top 150ms ease-out",
|
|
433
|
+
"slide-in-from-bottom": "slide-in-from-bottom 150ms ease-out",
|
|
434
|
+
"slide-in-right": "slide-in-right 300ms ease-out",
|
|
435
|
+
"slide-in-left": "slide-in-left 300ms ease-out",
|
|
436
|
+
"scale-in": "scale-in 150ms ease-out"
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
};
|
|
441
|
+
var tailwind_preset_default = miewebUIPreset;
|
|
442
|
+
|
|
443
|
+
export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
|
|
444
|
+
//# sourceMappingURL=chunk-EYH7OUX5.js.map
|
|
445
|
+
//# sourceMappingURL=chunk-EYH7OUX5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-EYH7OUX5.js","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n * presets: [require('@mieweb/ui/tailwind-preset')],\n * theme: {\n * extend: {\n * colors: {\n * primary: {\n * 500: '#your-brand-color',\n * },\n * },\n * },\n * },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n * These must be safelisted because Tailwind may not detect them when\n * components are imported from node_modules (especially with Tailwind CSS 4).\n */\nexport const miewebUISafelist = [\n // Semantic colors\n 'border-border',\n 'border-input',\n 'ring-ring',\n 'bg-background',\n 'bg-card',\n 'bg-muted',\n 'bg-primary',\n 'bg-success',\n 'bg-warning',\n 'bg-destructive',\n 'bg-info',\n 'text-foreground',\n 'text-card-foreground',\n 'text-muted-foreground',\n 'text-primary',\n 'text-primary-foreground',\n 'text-success',\n 'text-success-foreground',\n 'text-warning',\n 'text-warning-foreground',\n 'text-destructive',\n 'text-destructive-foreground',\n 'text-info',\n 'text-info-foreground',\n 'focus:ring-ring',\n 'focus:ring-primary',\n 'focus:border-transparent',\n 'focus:ring-destructive',\n 'border-primary',\n 'border-destructive',\n 'border-success',\n 'focus:ring-success/20',\n 'focus:ring-destructive/20',\n // Opacity-modifier variants for semantic colors used by components\n 'bg-background/60',\n 'bg-background/80',\n 'bg-background/90',\n 'bg-background/95',\n 'bg-card/80',\n 'bg-destructive/5',\n 'bg-destructive/10',\n 'bg-foreground/50',\n 'bg-info/10',\n 'bg-muted/10',\n 'bg-muted/30',\n 'bg-muted/50',\n 'bg-primary/5',\n 'bg-primary/10',\n 'bg-success/10',\n 'bg-warning/10',\n 'border-border/80',\n 'border-destructive/20',\n 'border-destructive/30',\n 'border-destructive/50',\n 'border-info/30',\n 'border-muted-foreground/25',\n 'border-muted-foreground/40',\n 'border-primary/30',\n 'border-primary/50',\n 'border-success/30',\n 'border-success/50',\n 'border-warning/30',\n 'hover:bg-destructive/10',\n 'hover:bg-muted/10',\n 'hover:bg-muted/20',\n 'hover:bg-muted/50',\n 'hover:bg-muted/80',\n 'hover:bg-primary/5',\n 'hover:bg-primary/10',\n 'hover:bg-primary/20',\n 'hover:bg-primary/90',\n 'hover:border-border/80',\n 'hover:border-muted-foreground/50',\n 'hover:text-destructive/80',\n 'hover:text-primary/80',\n 'text-muted-foreground/30',\n 'text-muted-foreground/40',\n 'text-muted-foreground/50',\n 'text-muted-foreground/60',\n 'text-muted-foreground/70',\n 'text-primary/80',\n 'text-primary-foreground/90',\n 'ring-primary',\n 'ring-2',\n 'ring-offset-2',\n // Grid classes for QuickAction and responsive layouts\n 'grid-cols-1',\n 'grid-cols-2',\n 'grid-cols-3',\n 'grid-cols-4',\n 'grid-cols-6',\n 'sm:grid-cols-1',\n 'sm:grid-cols-2',\n 'sm:grid-cols-3',\n 'sm:grid-cols-4',\n 'sm:grid-cols-6',\n 'md:grid-cols-2',\n 'md:grid-cols-3',\n 'md:grid-cols-4',\n 'lg:grid-cols-2',\n 'lg:grid-cols-3',\n 'lg:grid-cols-4',\n // ── Expanded Color Scales ────────────────────────────────────────\n // Secondary scale\n 'bg-secondary',\n 'bg-secondary-50',\n 'bg-secondary-100',\n 'bg-secondary-500',\n 'bg-secondary-600',\n 'text-secondary',\n 'text-secondary-500',\n 'text-secondary-600',\n 'text-secondary-700',\n 'text-secondary-foreground',\n 'border-secondary',\n 'border-secondary-200',\n // Neutral scale\n 'bg-neutral-50',\n 'bg-neutral-100',\n 'bg-neutral-200',\n 'bg-neutral-300',\n 'bg-neutral-800',\n 'bg-neutral-900',\n 'text-neutral-500',\n 'text-neutral-600',\n 'text-neutral-700',\n 'text-neutral-400',\n 'border-neutral-200',\n 'border-neutral-300',\n 'dark:bg-neutral-700',\n 'dark:bg-neutral-800',\n 'dark:text-neutral-300',\n 'dark:text-neutral-400',\n 'dark:border-neutral-600',\n 'dark:border-neutral-700',\n // Destructive scale\n 'bg-destructive-50',\n 'bg-destructive-100',\n 'bg-destructive-500',\n 'bg-destructive-600',\n 'text-destructive-500',\n 'text-destructive-600',\n 'text-destructive-700',\n 'text-destructive-800',\n 'text-destructive-900',\n 'border-destructive-200',\n 'border-destructive-300',\n 'dark:bg-destructive-900',\n 'dark:bg-destructive-950',\n 'dark:text-destructive-300',\n 'dark:text-destructive-400',\n // Success scale\n 'bg-success-50',\n 'bg-success-100',\n 'bg-success-500',\n 'bg-success-600',\n 'text-success-500',\n 'text-success-600',\n 'text-success-700',\n 'text-success-800',\n 'text-success-900',\n 'border-success-200',\n 'border-success-300',\n 'dark:bg-success-900',\n 'dark:bg-success-950',\n 'dark:text-success-300',\n 'dark:text-success-400',\n // Warning scale\n 'bg-warning-50',\n 'bg-warning-100',\n 'bg-warning-500',\n 'bg-warning-600',\n 'text-warning-500',\n 'text-warning-600',\n 'text-warning-700',\n 'text-warning-800',\n 'text-warning-900',\n 'border-warning-200',\n 'border-warning-300',\n 'dark:bg-warning-900',\n 'dark:bg-warning-950',\n 'dark:text-warning-300',\n 'dark:text-warning-400',\n // Info scale\n 'bg-info-50',\n 'bg-info-100',\n 'bg-info-500',\n 'bg-info-600',\n 'text-info-500',\n 'text-info-600',\n 'text-info-700',\n 'text-info-800',\n 'text-info-900',\n 'border-info-200',\n 'border-info-300',\n 'dark:bg-info-900',\n 'dark:bg-info-950',\n 'dark:text-info-300',\n 'dark:text-info-400',\n // Chart colors\n 'bg-chart-1',\n 'bg-chart-2',\n 'bg-chart-3',\n 'bg-chart-4',\n 'bg-chart-5',\n 'text-chart-1',\n 'text-chart-2',\n 'text-chart-3',\n 'text-chart-4',\n 'text-chart-5',\n 'border-chart-1',\n 'border-chart-2',\n 'border-chart-3',\n 'border-chart-4',\n 'border-chart-5',\n // Switch component\n 'bg-primary-500',\n 'h-5',\n 'w-9',\n 'h-6',\n 'w-11',\n 'h-7',\n 'w-14',\n 'h-4',\n 'w-4',\n 'w-5',\n 'w-6',\n 'translate-x-0.5',\n 'translate-x-4',\n 'translate-x-5',\n 'translate-x-7',\n // SchedulePicker / overflow handling\n 'overflow-x-auto',\n 'overflow-hidden',\n // Select component\n 'truncate',\n];\n\nexport interface MiewebUIPreset {\n darkMode: ['class', '[data-theme=\"dark\"]'];\n safelist: string[];\n theme: {\n extend: Record<string, unknown>;\n };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n safelist: miewebUISafelist,\n theme: {\n extend: {\n colors: {\n // Primary color scale - easily overridable by consumers\n primary: {\n DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n 50: 'var(--mieweb-primary-50, #e6f7fc)',\n 100: 'var(--mieweb-primary-100, #b3e6f6)',\n 200: 'var(--mieweb-primary-200, #80d5f0)',\n 300: 'var(--mieweb-primary-300, #4dc4ea)',\n 400: 'var(--mieweb-primary-400, #27aae1)',\n 500: 'var(--mieweb-primary-500, #27aae1)',\n 600: 'var(--mieweb-primary-600, #1f98ca)',\n 700: 'var(--mieweb-primary-700, #1786b3)',\n 800: 'var(--mieweb-primary-800, #0f749c)',\n 900: 'var(--mieweb-primary-900, #086285)',\n 950: 'var(--mieweb-primary-950, #00506e)',\n foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n },\n // Secondary color scale\n secondary: {\n DEFAULT: 'var(--mieweb-secondary-500, #6366f1)',\n 50: 'var(--mieweb-secondary-50, #eef2ff)',\n 100: 'var(--mieweb-secondary-100, #e0e7ff)',\n 200: 'var(--mieweb-secondary-200, #c7d2fe)',\n 300: 'var(--mieweb-secondary-300, #a5b4fc)',\n 400: 'var(--mieweb-secondary-400, #818cf8)',\n 500: 'var(--mieweb-secondary-500, #6366f1)',\n 600: 'var(--mieweb-secondary-600, #4f46e5)',\n 700: 'var(--mieweb-secondary-700, #4338ca)',\n 800: 'var(--mieweb-secondary-800, #3730a3)',\n 900: 'var(--mieweb-secondary-900, #312e81)',\n 950: 'var(--mieweb-secondary-950, #1e1b4b)',\n foreground: 'var(--mieweb-secondary-foreground, #ffffff)',\n },\n // Neutral / gray scale\n neutral: {\n DEFAULT: 'var(--mieweb-neutral-500, #737373)',\n 50: 'var(--mieweb-neutral-50, #fafafa)',\n 100: 'var(--mieweb-neutral-100, #f5f5f5)',\n 200: 'var(--mieweb-neutral-200, #e5e5e5)',\n 300: 'var(--mieweb-neutral-300, #d4d4d4)',\n 400: 'var(--mieweb-neutral-400, #a3a3a3)',\n 500: 'var(--mieweb-neutral-500, #737373)',\n 600: 'var(--mieweb-neutral-600, #525252)',\n 700: 'var(--mieweb-neutral-700, #404040)',\n 800: 'var(--mieweb-neutral-800, #262626)',\n 900: 'var(--mieweb-neutral-900, #171717)',\n 950: 'var(--mieweb-neutral-950, #0a0a0a)',\n },\n // Semantic colors using CSS variables for theming\n border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n background: 'var(--mieweb-background, hsl(0 0% 100%))',\n foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n // Component-specific semantic colors\n card: {\n DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n },\n muted: {\n DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n },\n // Destructive / error scale\n destructive: {\n DEFAULT: 'var(--mieweb-destructive-500, #ef4444)',\n 50: 'var(--mieweb-destructive-50, #fef2f2)',\n 100: 'var(--mieweb-destructive-100, #fee2e2)',\n 200: 'var(--mieweb-destructive-200, #fecaca)',\n 300: 'var(--mieweb-destructive-300, #fca5a5)',\n 400: 'var(--mieweb-destructive-400, #f87171)',\n 500: 'var(--mieweb-destructive-500, #ef4444)',\n 600: 'var(--mieweb-destructive-600, #dc2626)',\n 700: 'var(--mieweb-destructive-700, #b91c1c)',\n 800: 'var(--mieweb-destructive-800, #991b1b)',\n 900: 'var(--mieweb-destructive-900, #7f1d1d)',\n 950: 'var(--mieweb-destructive-950, #450a0a)',\n foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n },\n // Success scale\n success: {\n DEFAULT: 'var(--mieweb-success-500, #22c55e)',\n 50: 'var(--mieweb-success-50, #f0fdf4)',\n 100: 'var(--mieweb-success-100, #dcfce7)',\n 200: 'var(--mieweb-success-200, #bbf7d0)',\n 300: 'var(--mieweb-success-300, #86efac)',\n 400: 'var(--mieweb-success-400, #4ade80)',\n 500: 'var(--mieweb-success-500, #22c55e)',\n 600: 'var(--mieweb-success-600, #16a34a)',\n 700: 'var(--mieweb-success-700, #15803d)',\n 800: 'var(--mieweb-success-800, #166534)',\n 900: 'var(--mieweb-success-900, #14532d)',\n 950: 'var(--mieweb-success-950, #052e16)',\n foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n },\n // Warning scale\n warning: {\n DEFAULT: 'var(--mieweb-warning-500, #f59e0b)',\n 50: 'var(--mieweb-warning-50, #fffbeb)',\n 100: 'var(--mieweb-warning-100, #fef3c7)',\n 200: 'var(--mieweb-warning-200, #fde68a)',\n 300: 'var(--mieweb-warning-300, #fcd34d)',\n 400: 'var(--mieweb-warning-400, #fbbf24)',\n 500: 'var(--mieweb-warning-500, #f59e0b)',\n 600: 'var(--mieweb-warning-600, #d97706)',\n 700: 'var(--mieweb-warning-700, #b45309)',\n 800: 'var(--mieweb-warning-800, #92400e)',\n 900: 'var(--mieweb-warning-900, #78350f)',\n 950: 'var(--mieweb-warning-950, #451a03)',\n foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n },\n // Info scale\n info: {\n DEFAULT: 'var(--mieweb-info-500, #0ea5e9)',\n 50: 'var(--mieweb-info-50, #f0f9ff)',\n 100: 'var(--mieweb-info-100, #e0f2fe)',\n 200: 'var(--mieweb-info-200, #bae6fd)',\n 300: 'var(--mieweb-info-300, #7dd3fc)',\n 400: 'var(--mieweb-info-400, #38bdf8)',\n 500: 'var(--mieweb-info-500, #0ea5e9)',\n 600: 'var(--mieweb-info-600, #0284c7)',\n 700: 'var(--mieweb-info-700, #0369a1)',\n 800: 'var(--mieweb-info-800, #075985)',\n 900: 'var(--mieweb-info-900, #0c4a6e)',\n 950: 'var(--mieweb-info-950, #082f49)',\n foreground: 'var(--mieweb-info-foreground, #ffffff)',\n },\n // Chart / data visualization\n chart: {\n 1: 'var(--mieweb-chart-1, #27aae1)',\n 2: 'var(--mieweb-chart-2, #22c55e)',\n 3: 'var(--mieweb-chart-3, #f59e0b)',\n 4: 'var(--mieweb-chart-4, #ef4444)',\n 5: 'var(--mieweb-chart-5, #6366f1)',\n },\n },\n fontFamily: {\n sans: [\n 'var(--mieweb-font-sans, ui-sans-serif)',\n 'system-ui',\n 'sans-serif',\n ],\n },\n borderRadius: {\n '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n lg: 'var(--mieweb-radius-lg, 0.75rem)',\n md: 'var(--mieweb-radius-md, 0.5rem)',\n sm: 'var(--mieweb-radius-sm, 0.25rem)',\n xl: 'var(--mieweb-radius-xl, 1rem)',\n },\n boxShadow: {\n card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n },\n keyframes: {\n 'fade-in': {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' },\n },\n 'fade-out': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' },\n },\n 'slide-in-from-top': {\n '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-from-bottom': {\n '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-right': {\n '0%': { transform: 'translateX(100%)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' },\n },\n 'slide-in-left': {\n '0%': { transform: 'translateX(-100%)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' },\n },\n 'scale-in': {\n '0%': { transform: 'scale(0.95)', opacity: '0' },\n '100%': { transform: 'scale(1)', opacity: '1' },\n },\n },\n animation: {\n 'fade-in': 'fade-in 150ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n 'slide-in-right': 'slide-in-right 300ms ease-out',\n 'slide-in-left': 'slide-in-left 300ms ease-out',\n 'scale-in': 'scale-in 150ms ease-out',\n },\n },\n },\n};\n\nexport default miewebUIPreset;\n"]}
|