@mieweb/ui 0.2.1 → 0.2.4
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 +5 -5
- package/dist/ag-grid.js +1 -1
- package/dist/brands/bluehive.css +20 -0
- package/dist/brands/enterprise-health.css +32 -4
- package/dist/brands/index.d.cts +1 -1
- package/dist/brands/index.d.ts +1 -1
- package/dist/brands/mieweb.css +20 -0
- package/dist/brands/ozwell.css +20 -0
- package/dist/brands/waggleline.css +46 -0
- package/dist/brands/webchart.css +20 -0
- package/dist/{chunk-I7L6CQXR.cjs → chunk-377KAB4C.cjs} +52 -31
- package/dist/chunk-377KAB4C.cjs.map +1 -0
- package/dist/chunk-3K7QCDSV.js +3 -0
- package/dist/{chunk-K5T2PT4M.js.map → chunk-3K7QCDSV.js.map} +1 -1
- package/dist/chunk-EYH7OUX5.js +445 -0
- package/dist/chunk-EYH7OUX5.js.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-D3BUYVLN.cjs → chunk-QIOM5ZV2.cjs} +64 -8
- package/dist/{chunk-D3BUYVLN.cjs.map → chunk-QIOM5ZV2.cjs.map} +1 -1
- package/dist/chunk-SSKI6VTW.cjs +449 -0
- package/dist/chunk-SSKI6VTW.cjs.map +1 -0
- package/dist/{chunk-SD44QJIP.js → chunk-TCQ27C5M.js} +52 -31
- package/dist/chunk-TCQ27C5M.js.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/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/components/Modal/index.cjs +9 -9
- package/dist/components/Modal/index.js +1 -1
- package/dist/index.cjs +2991 -1281
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +257 -8
- package/dist/index.d.ts +257 -8
- package/dist/index.js +2761 -1058
- 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 +42 -38
- package/dist/chunk-5YRTFJ7K.js +0 -247
- package/dist/chunk-5YRTFJ7K.js.map +0 -1
- package/dist/chunk-ERIGUDFS.cjs +0 -251
- package/dist/chunk-ERIGUDFS.cjs.map +0 -1
- package/dist/chunk-I7L6CQXR.cjs.map +0 -1
- package/dist/chunk-K5T2PT4M.js +0 -3
- package/dist/chunk-KMN7JX2X.cjs.map +0 -1
- package/dist/chunk-SD44QJIP.js.map +0 -1
- package/dist/chunk-SN52QMRT.js.map +0 -1
package/dist/tailwind-preset.cjs
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var chunkSSKI6VTW_cjs = require('./chunk-SSKI6VTW.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "default", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkSSKI6VTW_cjs.tailwind_preset_default; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "miewebUIPreset", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkSSKI6VTW_cjs.miewebUIPreset; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "miewebUISafelist", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkSSKI6VTW_cjs.miewebUISafelist; }
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=tailwind-preset.cjs.map
|
|
22
22
|
//# sourceMappingURL=tailwind-preset.cjs.map
|
package/dist/tailwind-preset.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-
|
|
1
|
+
export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-EYH7OUX5.js';
|
|
2
2
|
//# sourceMappingURL=tailwind-preset.js.map
|
|
3
3
|
//# sourceMappingURL=tailwind-preset.js.map
|
package/dist/utils/index.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('../chunk-74K3RRU7.cjs');
|
|
4
4
|
var chunkBTJHYGPI_cjs = require('../chunk-BTJHYGPI.cjs');
|
|
5
|
-
var
|
|
5
|
+
var chunkWH6I7CMP_cjs = require('../chunk-WH6I7CMP.cjs');
|
|
6
6
|
var chunkSCV7C55E_cjs = require('../chunk-SCV7C55E.cjs');
|
|
7
7
|
var chunkOR5DRJCW_cjs = require('../chunk-OR5DRJCW.cjs');
|
|
8
8
|
|
|
@@ -26,35 +26,35 @@ Object.defineProperty(exports, "unformatPhoneNumber", {
|
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "calculateAge", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkWH6I7CMP_cjs.calculateAge; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "formatDateValue", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkWH6I7CMP_cjs.formatDateValue; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "isDateEmpty", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkWH6I7CMP_cjs.isDateEmpty; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "isDateInFuture", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkWH6I7CMP_cjs.isDateInFuture; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "isDateInPast", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkWH6I7CMP_cjs.isDateInPast; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "isValidDate", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkWH6I7CMP_cjs.isValidDate; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "isValidDrivingAge", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunkWH6I7CMP_cjs.isValidDrivingAge; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "parseDateValue", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunkWH6I7CMP_cjs.parseDateValue; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "isStorybookDocsMode", {
|
|
60
60
|
enumerable: true,
|
package/dist/utils/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../chunk-V2DF2GUE.js';
|
|
2
2
|
export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-CEHWXAAI.js';
|
|
3
|
-
export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-
|
|
3
|
+
export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-TPGT236K.js';
|
|
4
4
|
export { isStorybookDocsMode } from '../chunk-VSQF22GL.js';
|
|
5
5
|
export { cn } from '../chunk-F3SOEIN2.js';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mieweb/ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "A themeable, accessible React component library built with Tailwind CSS",
|
|
5
5
|
"author": "Medical Informatics Engineering, Inc.",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"bugs": {
|
|
13
13
|
"url": "https://github.com/mieweb/ui/issues"
|
|
14
14
|
},
|
|
15
|
+
"packageManager": "pnpm@10.29.1",
|
|
15
16
|
"publishConfig": {
|
|
16
17
|
"access": "public",
|
|
17
18
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -131,8 +132,8 @@
|
|
|
131
132
|
"build:css": "npx @tailwindcss/cli -i ./src/styles/base.css -o ./dist/styles.css --minify",
|
|
132
133
|
"copy:brand-css": "cp src/brands/*.css dist/brands/ 2>/dev/null || true",
|
|
133
134
|
"typecheck": "tsc --noEmit",
|
|
134
|
-
"lint": "eslint src
|
|
135
|
-
"lint:fix": "eslint src
|
|
135
|
+
"lint": "eslint \"src/**/*.{ts,tsx}\"",
|
|
136
|
+
"lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
|
|
136
137
|
"format": "prettier --check \"src/**/*.{ts,tsx,css}\"",
|
|
137
138
|
"format:fix": "prettier --write \"src/**/*.{ts,tsx,css}\"",
|
|
138
139
|
"test": "vitest run",
|
|
@@ -171,51 +172,54 @@
|
|
|
171
172
|
}
|
|
172
173
|
},
|
|
173
174
|
"dependencies": {
|
|
174
|
-
"@swc/helpers": "^0.5.
|
|
175
|
+
"@swc/helpers": "^0.5.19",
|
|
175
176
|
"class-variance-authority": "^0.7.1",
|
|
176
177
|
"clsx": "^2.1.1",
|
|
177
178
|
"lucide-react": "^0.562.0",
|
|
178
|
-
"
|
|
179
|
+
"luxon": "^3.7.2",
|
|
180
|
+
"tailwind-merge": "^2.6.1"
|
|
179
181
|
},
|
|
180
182
|
"devDependencies": {
|
|
181
|
-
"@
|
|
182
|
-
"@
|
|
183
|
-
"@storybook/addon-
|
|
184
|
-
"@storybook/addon-
|
|
185
|
-
"@storybook/
|
|
186
|
-
"@storybook/react
|
|
187
|
-
"@
|
|
188
|
-
"@tailwindcss/
|
|
189
|
-
"@
|
|
190
|
-
"@testing-library/
|
|
191
|
-
"@testing-library/
|
|
192
|
-
"@
|
|
193
|
-
"@types/
|
|
194
|
-
"@types/
|
|
195
|
-
"@
|
|
196
|
-
"@
|
|
183
|
+
"@eslint/js": "^9.39.3",
|
|
184
|
+
"@playwright/test": "^1.58.2",
|
|
185
|
+
"@storybook/addon-a11y": "^10.2.11",
|
|
186
|
+
"@storybook/addon-docs": "^10.2.11",
|
|
187
|
+
"@storybook/addon-links": "^10.2.11",
|
|
188
|
+
"@storybook/react": "^10.2.11",
|
|
189
|
+
"@storybook/react-vite": "^10.2.11",
|
|
190
|
+
"@tailwindcss/cli": "^4.2.1",
|
|
191
|
+
"@tailwindcss/postcss": "^4.2.1",
|
|
192
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
193
|
+
"@testing-library/react": "^16.3.2",
|
|
194
|
+
"@testing-library/user-event": "^14.6.1",
|
|
195
|
+
"@types/luxon": "^3.7.1",
|
|
196
|
+
"@types/node": "^22.19.11",
|
|
197
|
+
"@types/react": "^19.2.14",
|
|
198
|
+
"@types/react-dom": "^19.2.3",
|
|
199
|
+
"@typescript-eslint/eslint-plugin": "^8.56.1",
|
|
200
|
+
"@typescript-eslint/parser": "^8.56.1",
|
|
197
201
|
"@vitest/coverage-v8": "^3.2.4",
|
|
198
|
-
"ag-grid-community": "^35.
|
|
199
|
-
"ag-grid-react": "^35.
|
|
200
|
-
"autoprefixer": "^10.4.
|
|
201
|
-
"eslint": "^9.
|
|
202
|
+
"ag-grid-community": "^35.1.0",
|
|
203
|
+
"ag-grid-react": "^35.1.0",
|
|
204
|
+
"autoprefixer": "^10.4.24",
|
|
205
|
+
"eslint": "^9.39.3",
|
|
202
206
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
203
|
-
"eslint-plugin-react": "^7.37.
|
|
204
|
-
"eslint-plugin-react-hooks": "^5.
|
|
205
|
-
"eslint-plugin-storybook": "^10.
|
|
206
|
-
"jsdom": "^26.
|
|
207
|
-
"postcss": "^8.5.
|
|
208
|
-
"prettier": "^3.
|
|
209
|
-
"prettier-plugin-tailwindcss": "^0.6.
|
|
207
|
+
"eslint-plugin-react": "^7.37.5",
|
|
208
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
209
|
+
"eslint-plugin-storybook": "^10.2.11",
|
|
210
|
+
"jsdom": "^26.1.0",
|
|
211
|
+
"postcss": "^8.5.6",
|
|
212
|
+
"prettier": "^3.8.1",
|
|
213
|
+
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
210
214
|
"react": "^19.2.4",
|
|
211
215
|
"react-dom": "^19.2.4",
|
|
212
|
-
"storybook": "^10.
|
|
213
|
-
"tailwindcss": "^4.1
|
|
214
|
-
"tsup": "^8.
|
|
215
|
-
"typescript": "^5.
|
|
216
|
+
"storybook": "^10.2.11",
|
|
217
|
+
"tailwindcss": "^4.2.1",
|
|
218
|
+
"tsup": "^8.5.1",
|
|
219
|
+
"typescript": "^5.9.3",
|
|
216
220
|
"vite": "^7.3.1",
|
|
217
|
-
"vitest": "^3.
|
|
218
|
-
"wavesurfer.js": "^7.
|
|
221
|
+
"vitest": "^3.2.4",
|
|
222
|
+
"wavesurfer.js": "^7.12.1"
|
|
219
223
|
},
|
|
220
224
|
"engines": {
|
|
221
225
|
"node": ">=18.0.0"
|
package/dist/chunk-5YRTFJ7K.js
DELETED
|
@@ -1,247 +0,0 @@
|
|
|
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
|
-
// Switch component
|
|
107
|
-
"bg-neutral-200",
|
|
108
|
-
"dark:bg-neutral-700",
|
|
109
|
-
"bg-primary-500",
|
|
110
|
-
"h-5",
|
|
111
|
-
"w-9",
|
|
112
|
-
"h-6",
|
|
113
|
-
"w-11",
|
|
114
|
-
"h-7",
|
|
115
|
-
"w-14",
|
|
116
|
-
"h-4",
|
|
117
|
-
"w-4",
|
|
118
|
-
"w-5",
|
|
119
|
-
"w-6",
|
|
120
|
-
"translate-x-0.5",
|
|
121
|
-
"translate-x-4",
|
|
122
|
-
"translate-x-5",
|
|
123
|
-
"translate-x-7",
|
|
124
|
-
// SchedulePicker / overflow handling
|
|
125
|
-
"overflow-x-auto",
|
|
126
|
-
"overflow-hidden",
|
|
127
|
-
// Select component
|
|
128
|
-
"truncate"
|
|
129
|
-
];
|
|
130
|
-
var miewebUIPreset = {
|
|
131
|
-
darkMode: ["class", '[data-theme="dark"]'],
|
|
132
|
-
safelist: miewebUISafelist,
|
|
133
|
-
theme: {
|
|
134
|
-
extend: {
|
|
135
|
-
colors: {
|
|
136
|
-
// Primary color scale - easily overridable by consumers
|
|
137
|
-
primary: {
|
|
138
|
-
DEFAULT: "var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))",
|
|
139
|
-
50: "var(--mieweb-primary-50, #f0f9ff)",
|
|
140
|
-
100: "var(--mieweb-primary-100, #e0f4fe)",
|
|
141
|
-
200: "var(--mieweb-primary-200, #b9eafd)",
|
|
142
|
-
300: "var(--mieweb-primary-300, #7cdbfc)",
|
|
143
|
-
400: "var(--mieweb-primary-400, #36c9f8)",
|
|
144
|
-
500: "var(--mieweb-primary-500, #27aae1)",
|
|
145
|
-
600: "var(--mieweb-primary-600, #0c90c9)",
|
|
146
|
-
700: "var(--mieweb-primary-700, #0b73a3)",
|
|
147
|
-
800: "var(--mieweb-primary-800, #0f6086)",
|
|
148
|
-
900: "var(--mieweb-primary-900, #124f6f)",
|
|
149
|
-
950: "var(--mieweb-primary-950, #0c334a)",
|
|
150
|
-
foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
|
|
151
|
-
},
|
|
152
|
-
// Semantic colors using CSS variables for theming
|
|
153
|
-
border: "var(--mieweb-border, hsl(214.3 31.8% 91.4%))",
|
|
154
|
-
input: "var(--mieweb-input, hsl(214.3 31.8% 91.4%))",
|
|
155
|
-
ring: "var(--mieweb-ring, hsl(221.2 83.2% 53.3%))",
|
|
156
|
-
background: "var(--mieweb-background, hsl(0 0% 100%))",
|
|
157
|
-
foreground: "var(--mieweb-foreground, hsl(222.2 84% 4.9%))",
|
|
158
|
-
// Component-specific semantic colors
|
|
159
|
-
card: {
|
|
160
|
-
DEFAULT: "var(--mieweb-card, hsl(0 0% 100%))",
|
|
161
|
-
foreground: "var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))"
|
|
162
|
-
},
|
|
163
|
-
muted: {
|
|
164
|
-
DEFAULT: "var(--mieweb-muted, hsl(210 40% 96.1%))",
|
|
165
|
-
foreground: "var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))"
|
|
166
|
-
},
|
|
167
|
-
destructive: {
|
|
168
|
-
DEFAULT: "var(--mieweb-destructive, hsl(0 84.2% 60.2%))",
|
|
169
|
-
foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
|
|
170
|
-
},
|
|
171
|
-
success: {
|
|
172
|
-
DEFAULT: "var(--mieweb-success, hsl(142.1 76.2% 36.3%))",
|
|
173
|
-
foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
|
|
174
|
-
},
|
|
175
|
-
warning: {
|
|
176
|
-
DEFAULT: "var(--mieweb-warning, hsl(45.4 93.4% 47.5%))",
|
|
177
|
-
foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
|
|
178
|
-
},
|
|
179
|
-
info: {
|
|
180
|
-
DEFAULT: "var(--mieweb-info, hsl(204 94% 94%))",
|
|
181
|
-
foreground: "var(--mieweb-info-foreground, hsl(213 31% 91%))"
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
fontFamily: {
|
|
185
|
-
sans: [
|
|
186
|
-
"var(--mieweb-font-sans, ui-sans-serif)",
|
|
187
|
-
"system-ui",
|
|
188
|
-
"sans-serif"
|
|
189
|
-
]
|
|
190
|
-
},
|
|
191
|
-
borderRadius: {
|
|
192
|
-
"2xl": "var(--mieweb-radius-2xl, 1rem)",
|
|
193
|
-
lg: "var(--mieweb-radius-lg, 0.75rem)",
|
|
194
|
-
md: "var(--mieweb-radius-md, 0.5rem)",
|
|
195
|
-
sm: "var(--mieweb-radius-sm, 0.25rem)",
|
|
196
|
-
xl: "var(--mieweb-radius-xl, 1rem)"
|
|
197
|
-
},
|
|
198
|
-
boxShadow: {
|
|
199
|
-
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))"
|
|
200
|
-
},
|
|
201
|
-
keyframes: {
|
|
202
|
-
"fade-in": {
|
|
203
|
-
"0%": { opacity: "0" },
|
|
204
|
-
"100%": { opacity: "1" }
|
|
205
|
-
},
|
|
206
|
-
"fade-out": {
|
|
207
|
-
"0%": { opacity: "1" },
|
|
208
|
-
"100%": { opacity: "0" }
|
|
209
|
-
},
|
|
210
|
-
"slide-in-from-top": {
|
|
211
|
-
"0%": { transform: "translateY(-0.5rem)", opacity: "0" },
|
|
212
|
-
"100%": { transform: "translateY(0)", opacity: "1" }
|
|
213
|
-
},
|
|
214
|
-
"slide-in-from-bottom": {
|
|
215
|
-
"0%": { transform: "translateY(0.5rem)", opacity: "0" },
|
|
216
|
-
"100%": { transform: "translateY(0)", opacity: "1" }
|
|
217
|
-
},
|
|
218
|
-
"slide-in-right": {
|
|
219
|
-
"0%": { transform: "translateX(100%)", opacity: "0" },
|
|
220
|
-
"100%": { transform: "translateX(0)", opacity: "1" }
|
|
221
|
-
},
|
|
222
|
-
"slide-in-left": {
|
|
223
|
-
"0%": { transform: "translateX(-100%)", opacity: "0" },
|
|
224
|
-
"100%": { transform: "translateX(0)", opacity: "1" }
|
|
225
|
-
},
|
|
226
|
-
"scale-in": {
|
|
227
|
-
"0%": { transform: "scale(0.95)", opacity: "0" },
|
|
228
|
-
"100%": { transform: "scale(1)", opacity: "1" }
|
|
229
|
-
}
|
|
230
|
-
},
|
|
231
|
-
animation: {
|
|
232
|
-
"fade-in": "fade-in 150ms ease-out",
|
|
233
|
-
"fade-out": "fade-out 150ms ease-in",
|
|
234
|
-
"slide-in-from-top": "slide-in-from-top 150ms ease-out",
|
|
235
|
-
"slide-in-from-bottom": "slide-in-from-bottom 150ms ease-out",
|
|
236
|
-
"slide-in-right": "slide-in-right 300ms ease-out",
|
|
237
|
-
"slide-in-left": "slide-in-left 300ms ease-out",
|
|
238
|
-
"scale-in": "scale-in 150ms ease-out"
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
var tailwind_preset_default = miewebUIPreset;
|
|
244
|
-
|
|
245
|
-
export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
|
|
246
|
-
//# sourceMappingURL=chunk-5YRTFJ7K.js.map
|
|
247
|
-
//# sourceMappingURL=chunk-5YRTFJ7K.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-5YRTFJ7K.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 // Switch component\n 'bg-neutral-200',\n 'dark:bg-neutral-700',\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, #f0f9ff)',\n 100: 'var(--mieweb-primary-100, #e0f4fe)',\n 200: 'var(--mieweb-primary-200, #b9eafd)',\n 300: 'var(--mieweb-primary-300, #7cdbfc)',\n 400: 'var(--mieweb-primary-400, #36c9f8)',\n 500: 'var(--mieweb-primary-500, #27aae1)',\n 600: 'var(--mieweb-primary-600, #0c90c9)',\n 700: 'var(--mieweb-primary-700, #0b73a3)',\n 800: 'var(--mieweb-primary-800, #0f6086)',\n 900: 'var(--mieweb-primary-900, #124f6f)',\n 950: 'var(--mieweb-primary-950, #0c334a)',\n foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\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: {\n DEFAULT: 'var(--mieweb-destructive, hsl(0 84.2% 60.2%))',\n foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n },\n success: {\n DEFAULT: 'var(--mieweb-success, hsl(142.1 76.2% 36.3%))',\n foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n },\n warning: {\n DEFAULT: 'var(--mieweb-warning, hsl(45.4 93.4% 47.5%))',\n foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n },\n info: {\n DEFAULT: 'var(--mieweb-info, hsl(204 94% 94%))',\n foreground: 'var(--mieweb-info-foreground, hsl(213 31% 91%))',\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"]}
|