@principal-ade/industry-theme 0.1.5 → 0.1.7
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/cjs/index.d.ts +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +92 -268
- package/dist/cjs/themes.d.ts +0 -1
- package/dist/cjs/themes.d.ts.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +92 -268
- package/dist/esm/themes.d.ts +0 -1
- package/dist/esm/themes.d.ts.map +1 -1
- package/package.json +16 -3
- package/src/ThemeShowcase.stories.tsx +110 -0
- package/src/defaultThemes.ts +18 -18
- package/src/index.ts +0 -1
- package/src/landingPageTheme.ts +22 -22
- package/src/themes.ts +57 -58
- package/dist/cjs/glassmorphismTheme.d.ts +0 -7
- package/dist/cjs/glassmorphismTheme.d.ts.map +0 -1
- package/dist/esm/glassmorphismTheme.d.ts +0 -7
- package/dist/esm/glassmorphismTheme.d.ts.map +0 -1
- package/src/glassmorphismTheme.ts +0 -216
package/dist/esm/index.js
CHANGED
|
@@ -1,178 +1,3 @@
|
|
|
1
|
-
// src/glassmorphismTheme.ts
|
|
2
|
-
var glassmorphismTheme = {
|
|
3
|
-
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
4
|
-
fonts: {
|
|
5
|
-
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
6
|
-
heading: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
7
|
-
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
8
|
-
},
|
|
9
|
-
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
10
|
-
fontScale: 1,
|
|
11
|
-
fontWeights: {
|
|
12
|
-
body: 400,
|
|
13
|
-
heading: 600,
|
|
14
|
-
bold: 700,
|
|
15
|
-
light: 300,
|
|
16
|
-
medium: 500,
|
|
17
|
-
semibold: 600
|
|
18
|
-
},
|
|
19
|
-
lineHeights: {
|
|
20
|
-
body: 1.6,
|
|
21
|
-
heading: 1.3,
|
|
22
|
-
tight: 1.4,
|
|
23
|
-
relaxed: 1.8
|
|
24
|
-
},
|
|
25
|
-
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
26
|
-
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
27
|
-
radii: [0, 8, 12, 16, 20, 24, 32, 40],
|
|
28
|
-
shadows: [
|
|
29
|
-
"none",
|
|
30
|
-
"0 8px 32px 0 rgba(31, 38, 135, 0.15)",
|
|
31
|
-
"0 12px 40px 0 rgba(31, 38, 135, 0.2)",
|
|
32
|
-
"0 16px 48px 0 rgba(31, 38, 135, 0.25)",
|
|
33
|
-
"0 20px 56px 0 rgba(31, 38, 135, 0.3)",
|
|
34
|
-
"0 24px 64px 0 rgba(31, 38, 135, 0.35)"
|
|
35
|
-
],
|
|
36
|
-
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
37
|
-
colors: {
|
|
38
|
-
text: "rgba(255, 255, 255, 0.95)",
|
|
39
|
-
background: "rgba(255, 255, 255, 0.1)",
|
|
40
|
-
primary: "rgba(99, 102, 241, 0.9)",
|
|
41
|
-
secondary: "rgba(139, 92, 246, 0.9)",
|
|
42
|
-
accent: "rgba(236, 72, 153, 0.9)",
|
|
43
|
-
highlight: "rgba(99, 102, 241, 0.2)",
|
|
44
|
-
muted: "rgba(255, 255, 255, 0.05)",
|
|
45
|
-
success: "rgba(34, 197, 94, 0.9)",
|
|
46
|
-
warning: "rgba(251, 146, 60, 0.9)",
|
|
47
|
-
error: "rgba(239, 68, 68, 0.9)",
|
|
48
|
-
info: "rgba(59, 130, 246, 0.9)",
|
|
49
|
-
border: "rgba(255, 255, 255, 0.18)",
|
|
50
|
-
backgroundSecondary: "rgba(255, 255, 255, 0.15)",
|
|
51
|
-
backgroundTertiary: "rgba(255, 255, 255, 0.2)",
|
|
52
|
-
backgroundLight: "rgba(255, 255, 255, 0.08)",
|
|
53
|
-
backgroundHover: "rgba(255, 255, 255, 0.25)",
|
|
54
|
-
surface: "rgba(255, 255, 255, 0.12)",
|
|
55
|
-
textSecondary: "rgba(255, 255, 255, 0.8)",
|
|
56
|
-
textTertiary: "rgba(255, 255, 255, 0.6)",
|
|
57
|
-
textMuted: "rgba(255, 255, 255, 0.5)",
|
|
58
|
-
highlightBg: "rgba(251, 191, 36, 0.3)",
|
|
59
|
-
highlightBorder: "rgba(251, 191, 36, 0.5)",
|
|
60
|
-
textOnPrimary: "#ffffff"
|
|
61
|
-
},
|
|
62
|
-
modes: {
|
|
63
|
-
dark: {
|
|
64
|
-
text: "rgba(255, 255, 255, 0.95)",
|
|
65
|
-
background: "rgba(0, 0, 0, 0.3)",
|
|
66
|
-
primary: "rgba(129, 140, 248, 0.9)",
|
|
67
|
-
secondary: "rgba(167, 139, 250, 0.9)",
|
|
68
|
-
accent: "rgba(244, 114, 182, 0.9)",
|
|
69
|
-
highlight: "rgba(129, 140, 248, 0.25)",
|
|
70
|
-
muted: "rgba(0, 0, 0, 0.15)",
|
|
71
|
-
success: "rgba(74, 222, 128, 0.9)",
|
|
72
|
-
warning: "rgba(251, 191, 36, 0.9)",
|
|
73
|
-
error: "rgba(248, 113, 113, 0.9)",
|
|
74
|
-
info: "rgba(96, 165, 250, 0.9)",
|
|
75
|
-
border: "rgba(255, 255, 255, 0.15)",
|
|
76
|
-
backgroundSecondary: "rgba(0, 0, 0, 0.4)",
|
|
77
|
-
backgroundTertiary: "rgba(0, 0, 0, 0.5)",
|
|
78
|
-
backgroundLight: "rgba(0, 0, 0, 0.2)",
|
|
79
|
-
backgroundHover: "rgba(255, 255, 255, 0.1)",
|
|
80
|
-
surface: "rgba(0, 0, 0, 0.35)",
|
|
81
|
-
textSecondary: "rgba(255, 255, 255, 0.8)",
|
|
82
|
-
textTertiary: "rgba(255, 255, 255, 0.6)",
|
|
83
|
-
textMuted: "rgba(255, 255, 255, 0.4)",
|
|
84
|
-
highlightBg: "rgba(251, 191, 36, 0.35)",
|
|
85
|
-
highlightBorder: "rgba(251, 191, 36, 0.6)"
|
|
86
|
-
},
|
|
87
|
-
frosted: {
|
|
88
|
-
text: "rgba(31, 41, 55, 0.95)",
|
|
89
|
-
background: "rgba(255, 255, 255, 0.3)",
|
|
90
|
-
primary: "rgba(79, 70, 229, 0.95)",
|
|
91
|
-
secondary: "rgba(124, 58, 237, 0.95)",
|
|
92
|
-
accent: "rgba(219, 39, 119, 0.95)",
|
|
93
|
-
highlight: "rgba(79, 70, 229, 0.15)",
|
|
94
|
-
muted: "rgba(255, 255, 255, 0.4)",
|
|
95
|
-
success: "rgba(16, 185, 129, 0.95)",
|
|
96
|
-
warning: "rgba(245, 158, 11, 0.95)",
|
|
97
|
-
error: "rgba(220, 38, 38, 0.95)",
|
|
98
|
-
info: "rgba(37, 99, 235, 0.95)",
|
|
99
|
-
border: "rgba(255, 255, 255, 0.5)",
|
|
100
|
-
backgroundSecondary: "rgba(255, 255, 255, 0.4)",
|
|
101
|
-
backgroundTertiary: "rgba(255, 255, 255, 0.5)",
|
|
102
|
-
backgroundLight: "rgba(255, 255, 255, 0.25)",
|
|
103
|
-
backgroundHover: "rgba(255, 255, 255, 0.6)",
|
|
104
|
-
surface: "rgba(255, 255, 255, 0.35)",
|
|
105
|
-
textSecondary: "rgba(31, 41, 55, 0.8)",
|
|
106
|
-
textTertiary: "rgba(31, 41, 55, 0.6)",
|
|
107
|
-
textMuted: "rgba(31, 41, 55, 0.5)",
|
|
108
|
-
highlightBg: "rgba(251, 191, 36, 0.4)",
|
|
109
|
-
highlightBorder: "rgba(251, 191, 36, 0.7)"
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
buttons: {
|
|
113
|
-
primary: {
|
|
114
|
-
color: "white",
|
|
115
|
-
bg: "primary",
|
|
116
|
-
borderWidth: 1,
|
|
117
|
-
borderStyle: "solid",
|
|
118
|
-
borderColor: "rgba(255, 255, 255, 0.2)",
|
|
119
|
-
"&:hover": {
|
|
120
|
-
bg: "secondary"
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
secondary: {
|
|
124
|
-
color: "text",
|
|
125
|
-
bg: "rgba(255, 255, 255, 0.1)",
|
|
126
|
-
borderWidth: 1,
|
|
127
|
-
borderStyle: "solid",
|
|
128
|
-
borderColor: "rgba(255, 255, 255, 0.2)",
|
|
129
|
-
"&:hover": {
|
|
130
|
-
bg: "rgba(255, 255, 255, 0.2)"
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
ghost: {
|
|
134
|
-
color: "text",
|
|
135
|
-
bg: "transparent",
|
|
136
|
-
borderWidth: 1,
|
|
137
|
-
borderStyle: "solid",
|
|
138
|
-
borderColor: "transparent",
|
|
139
|
-
"&:hover": {
|
|
140
|
-
borderColor: "rgba(255, 255, 255, 0.2)",
|
|
141
|
-
bg: "rgba(255, 255, 255, 0.05)"
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
},
|
|
145
|
-
text: {
|
|
146
|
-
heading: {
|
|
147
|
-
fontFamily: "heading",
|
|
148
|
-
fontWeight: "heading",
|
|
149
|
-
lineHeight: "heading"
|
|
150
|
-
},
|
|
151
|
-
body: {
|
|
152
|
-
fontFamily: "body",
|
|
153
|
-
fontWeight: "body",
|
|
154
|
-
lineHeight: "body"
|
|
155
|
-
},
|
|
156
|
-
caption: {
|
|
157
|
-
fontSize: 1,
|
|
158
|
-
color: "textSecondary"
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
cards: {
|
|
162
|
-
primary: {
|
|
163
|
-
bg: "surface",
|
|
164
|
-
border: "1px solid",
|
|
165
|
-
borderColor: "border",
|
|
166
|
-
borderRadius: 3
|
|
167
|
-
},
|
|
168
|
-
secondary: {
|
|
169
|
-
bg: "backgroundSecondary",
|
|
170
|
-
border: "1px solid",
|
|
171
|
-
borderColor: "border",
|
|
172
|
-
borderRadius: 3
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
};
|
|
176
1
|
// src/defaultThemes.ts
|
|
177
2
|
var defaultMarkdownTheme = {
|
|
178
3
|
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
@@ -215,23 +40,23 @@ var defaultMarkdownTheme = {
|
|
|
215
40
|
primary: "#007acc",
|
|
216
41
|
secondary: "#005a9e",
|
|
217
42
|
accent: "#1a1a1a",
|
|
218
|
-
highlight: "
|
|
43
|
+
highlight: "#e6f4fb",
|
|
219
44
|
muted: "#f0f0f0",
|
|
220
45
|
success: "#28a745",
|
|
221
46
|
warning: "#ffc107",
|
|
222
47
|
error: "#dc3545",
|
|
223
48
|
info: "#17a2b8",
|
|
224
|
-
border: "
|
|
49
|
+
border: "#e6e6e6",
|
|
225
50
|
backgroundSecondary: "#f8f9fa",
|
|
226
51
|
backgroundTertiary: "#e9ecef",
|
|
227
|
-
backgroundLight: "
|
|
228
|
-
backgroundHover: "
|
|
52
|
+
backgroundLight: "#f7f7f7",
|
|
53
|
+
backgroundHover: "#f2f2f2",
|
|
229
54
|
surface: "#ffffff",
|
|
230
55
|
textSecondary: "#555555",
|
|
231
56
|
textTertiary: "#888888",
|
|
232
57
|
textMuted: "#aaaaaa",
|
|
233
|
-
highlightBg: "
|
|
234
|
-
highlightBorder: "
|
|
58
|
+
highlightBg: "#fff9c4",
|
|
59
|
+
highlightBorder: "#fff389",
|
|
235
60
|
textOnPrimary: "#ffffff"
|
|
236
61
|
},
|
|
237
62
|
buttons: {
|
|
@@ -326,23 +151,23 @@ var defaultTerminalTheme = {
|
|
|
326
151
|
primary: "#ffc107",
|
|
327
152
|
secondary: "#ffb300",
|
|
328
153
|
accent: "#ffffff",
|
|
329
|
-
highlight: "
|
|
154
|
+
highlight: "#1a1301",
|
|
330
155
|
muted: "#1a1a1a",
|
|
331
156
|
success: "#4caf50",
|
|
332
157
|
warning: "#ff9800",
|
|
333
158
|
error: "#f44336",
|
|
334
159
|
info: "#2196f3",
|
|
335
|
-
border: "
|
|
160
|
+
border: "#332701",
|
|
336
161
|
backgroundSecondary: "#0a0a0a",
|
|
337
162
|
backgroundTertiary: "#111111",
|
|
338
|
-
backgroundLight: "
|
|
339
|
-
backgroundHover: "
|
|
163
|
+
backgroundLight: "#080600",
|
|
164
|
+
backgroundHover: "#0d0a00",
|
|
340
165
|
surface: "#050505",
|
|
341
166
|
textSecondary: "#e0e0e0",
|
|
342
167
|
textTertiary: "#b0b0b0",
|
|
343
168
|
textMuted: "#808080",
|
|
344
|
-
highlightBg: "
|
|
345
|
-
highlightBorder: "
|
|
169
|
+
highlightBg: "#332701",
|
|
170
|
+
highlightBorder: "#664d03",
|
|
346
171
|
textOnPrimary: "#000000"
|
|
347
172
|
},
|
|
348
173
|
buttons: {
|
|
@@ -438,23 +263,23 @@ var defaultEditorTheme = {
|
|
|
438
263
|
primary: "#569cd6",
|
|
439
264
|
secondary: "#408ac9",
|
|
440
265
|
accent: "#c586c0",
|
|
441
|
-
highlight: "
|
|
266
|
+
highlight: "#242b30",
|
|
442
267
|
muted: "#2a2a2a",
|
|
443
268
|
success: "#6a9955",
|
|
444
269
|
warning: "#d18616",
|
|
445
270
|
error: "#f44747",
|
|
446
271
|
info: "#569cd6",
|
|
447
|
-
border: "
|
|
272
|
+
border: "#343434",
|
|
448
273
|
backgroundSecondary: "#252526",
|
|
449
274
|
backgroundTertiary: "#333333",
|
|
450
|
-
backgroundLight: "
|
|
451
|
-
backgroundHover: "
|
|
275
|
+
backgroundLight: "#252525",
|
|
276
|
+
backgroundHover: "#292929",
|
|
452
277
|
surface: "#252526",
|
|
453
278
|
textSecondary: "#cccccc",
|
|
454
279
|
textTertiary: "#999999",
|
|
455
280
|
textMuted: "#666666",
|
|
456
|
-
highlightBg: "
|
|
457
|
-
highlightBorder: "
|
|
281
|
+
highlightBg: "#4b4724",
|
|
282
|
+
highlightBorder: "#78702a",
|
|
458
283
|
textOnPrimary: "#ffffff"
|
|
459
284
|
},
|
|
460
285
|
buttons: {
|
|
@@ -550,23 +375,23 @@ var landingPageTheme = {
|
|
|
550
375
|
primary: "#00C2FF",
|
|
551
376
|
secondary: "#0098CC",
|
|
552
377
|
accent: "#0066FF",
|
|
553
|
-
highlight: "
|
|
378
|
+
highlight: "#001d26",
|
|
554
379
|
muted: "#1a1a1a",
|
|
555
380
|
success: "#4caf50",
|
|
556
381
|
warning: "#ff9800",
|
|
557
382
|
error: "#f44336",
|
|
558
383
|
info: "#2196f3",
|
|
559
|
-
border: "
|
|
384
|
+
border: "#002733",
|
|
560
385
|
backgroundSecondary: "#0a1628",
|
|
561
386
|
backgroundTertiary: "#0f1c2e",
|
|
562
|
-
backgroundLight: "
|
|
563
|
-
backgroundHover: "
|
|
564
|
-
surface: "
|
|
387
|
+
backgroundLight: "#00080a",
|
|
388
|
+
backgroundHover: "#00131a",
|
|
389
|
+
surface: "#000000",
|
|
565
390
|
textSecondary: "#d1d5db",
|
|
566
391
|
textTertiary: "#9ca3af",
|
|
567
392
|
textMuted: "#6b7280",
|
|
568
|
-
highlightBg: "
|
|
569
|
-
highlightBorder: "
|
|
393
|
+
highlightBg: "#403b0f",
|
|
394
|
+
highlightBorder: "#80761e",
|
|
570
395
|
textOnPrimary: "#000000"
|
|
571
396
|
},
|
|
572
397
|
buttons: {
|
|
@@ -587,13 +412,13 @@ var landingPageTheme = {
|
|
|
587
412
|
bg: "transparent",
|
|
588
413
|
borderWidth: 1,
|
|
589
414
|
borderStyle: "solid",
|
|
590
|
-
borderColor: "
|
|
415
|
+
borderColor: "#003a4d",
|
|
591
416
|
padding: "8px 16px",
|
|
592
417
|
fontSize: 14,
|
|
593
418
|
fontWeight: 600,
|
|
594
419
|
cursor: "pointer",
|
|
595
420
|
"&:hover": {
|
|
596
|
-
bg: "
|
|
421
|
+
bg: "#00131a",
|
|
597
422
|
borderColor: "#00C2FF"
|
|
598
423
|
}
|
|
599
424
|
},
|
|
@@ -607,7 +432,7 @@ var landingPageTheme = {
|
|
|
607
432
|
cursor: "pointer",
|
|
608
433
|
"&:hover": {
|
|
609
434
|
color: "#00D9FF",
|
|
610
|
-
bg: "
|
|
435
|
+
bg: "#00131a"
|
|
611
436
|
}
|
|
612
437
|
}
|
|
613
438
|
},
|
|
@@ -637,9 +462,9 @@ var landingPageTheme = {
|
|
|
637
462
|
borderRadius: 4
|
|
638
463
|
},
|
|
639
464
|
secondary: {
|
|
640
|
-
bg: "
|
|
465
|
+
bg: "#000a0d",
|
|
641
466
|
border: "1px solid",
|
|
642
|
-
borderColor: "
|
|
467
|
+
borderColor: "#002733",
|
|
643
468
|
borderRadius: 4
|
|
644
469
|
}
|
|
645
470
|
}
|
|
@@ -652,23 +477,23 @@ var landingPageLightTheme = {
|
|
|
652
477
|
primary: "#0098CC",
|
|
653
478
|
secondary: "#00C2FF",
|
|
654
479
|
accent: "#0066FF",
|
|
655
|
-
highlight: "
|
|
480
|
+
highlight: "#e6f5fa",
|
|
656
481
|
muted: "#f0f0f0",
|
|
657
482
|
success: "#4caf50",
|
|
658
483
|
warning: "#ff9800",
|
|
659
484
|
error: "#f44336",
|
|
660
485
|
info: "#2196f3",
|
|
661
|
-
border: "
|
|
486
|
+
border: "#cceaf5",
|
|
662
487
|
backgroundSecondary: "#f8f9fa",
|
|
663
488
|
backgroundTertiary: "#e9ecef",
|
|
664
|
-
backgroundLight: "
|
|
665
|
-
backgroundHover: "
|
|
666
|
-
surface: "
|
|
489
|
+
backgroundLight: "#f7fcfd",
|
|
490
|
+
backgroundHover: "#f2fafc",
|
|
491
|
+
surface: "#ffffff",
|
|
667
492
|
textSecondary: "#555555",
|
|
668
493
|
textTertiary: "#888888",
|
|
669
494
|
textMuted: "#aaaaaa",
|
|
670
|
-
highlightBg: "
|
|
671
|
-
highlightBorder: "
|
|
495
|
+
highlightBg: "#fff9c4",
|
|
496
|
+
highlightBorder: "#fff389",
|
|
672
497
|
textOnPrimary: "#ffffff"
|
|
673
498
|
},
|
|
674
499
|
buttons: {
|
|
@@ -689,13 +514,13 @@ var landingPageLightTheme = {
|
|
|
689
514
|
bg: "transparent",
|
|
690
515
|
borderWidth: 1,
|
|
691
516
|
borderStyle: "solid",
|
|
692
|
-
borderColor: "
|
|
517
|
+
borderColor: "#b2e0f0",
|
|
693
518
|
padding: "8px 16px",
|
|
694
519
|
fontSize: 14,
|
|
695
520
|
fontWeight: 600,
|
|
696
521
|
cursor: "pointer",
|
|
697
522
|
"&:hover": {
|
|
698
|
-
bg: "
|
|
523
|
+
bg: "#f2fafc",
|
|
699
524
|
borderColor: "#0098CC"
|
|
700
525
|
}
|
|
701
526
|
},
|
|
@@ -709,7 +534,7 @@ var landingPageLightTheme = {
|
|
|
709
534
|
cursor: "pointer",
|
|
710
535
|
"&:hover": {
|
|
711
536
|
color: "#007aa8",
|
|
712
|
-
bg: "
|
|
537
|
+
bg: "#f2fafc"
|
|
713
538
|
}
|
|
714
539
|
}
|
|
715
540
|
}
|
|
@@ -757,23 +582,23 @@ var regalTheme = {
|
|
|
757
582
|
primary: "#d4a574",
|
|
758
583
|
secondary: "#e0b584",
|
|
759
584
|
accent: "#c9b8a3",
|
|
760
|
-
highlight: "
|
|
585
|
+
highlight: "#363338",
|
|
761
586
|
muted: "#8b7968",
|
|
762
587
|
success: "#5c8a72",
|
|
763
588
|
warning: "#d4a574",
|
|
764
589
|
error: "#a85751",
|
|
765
590
|
info: "#d4a574",
|
|
766
|
-
border: "
|
|
591
|
+
border: "#3f3a3c",
|
|
767
592
|
backgroundSecondary: "#212738",
|
|
768
593
|
backgroundTertiary: "#2d3446",
|
|
769
|
-
backgroundLight: "
|
|
770
|
-
backgroundHover: "
|
|
594
|
+
backgroundLight: "#292a34",
|
|
595
|
+
backgroundHover: "#363338",
|
|
771
596
|
surface: "#212738",
|
|
772
597
|
textSecondary: "#c9b8a3",
|
|
773
598
|
textTertiary: "#8b7968",
|
|
774
599
|
textMuted: "#8b7968",
|
|
775
|
-
highlightBg: "
|
|
776
|
-
highlightBorder: "
|
|
600
|
+
highlightBg: "#534724",
|
|
601
|
+
highlightBorder: "#8c701a",
|
|
777
602
|
textOnPrimary: "#1a1f2e"
|
|
778
603
|
},
|
|
779
604
|
buttons: {
|
|
@@ -867,53 +692,53 @@ var terminalTheme = {
|
|
|
867
692
|
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
868
693
|
colors: {
|
|
869
694
|
text: "#e4e4e4",
|
|
870
|
-
background: "
|
|
695
|
+
background: "#0a0a0a",
|
|
871
696
|
primary: "#66b3ff",
|
|
872
697
|
secondary: "#80c4ff",
|
|
873
698
|
accent: "#66ff99",
|
|
874
|
-
highlight: "
|
|
875
|
-
muted: "
|
|
699
|
+
highlight: "#18283d",
|
|
700
|
+
muted: "#1a1a1a",
|
|
876
701
|
success: "#66ff99",
|
|
877
702
|
warning: "#ffcc66",
|
|
878
703
|
error: "#ff6666",
|
|
879
704
|
info: "#66b3ff",
|
|
880
|
-
border: "
|
|
881
|
-
backgroundSecondary: "
|
|
882
|
-
backgroundTertiary: "
|
|
883
|
-
backgroundLight: "
|
|
884
|
-
backgroundHover: "
|
|
885
|
-
surface: "
|
|
886
|
-
textSecondary: "
|
|
887
|
-
textTertiary: "
|
|
888
|
-
textMuted: "
|
|
889
|
-
highlightBg: "
|
|
890
|
-
highlightBorder: "
|
|
705
|
+
border: "#1a1a1a",
|
|
706
|
+
backgroundSecondary: "#0f0f0f",
|
|
707
|
+
backgroundTertiary: "#141414",
|
|
708
|
+
backgroundLight: "#0d0d0d",
|
|
709
|
+
backgroundHover: "#0d1520",
|
|
710
|
+
surface: "#0f0f0f",
|
|
711
|
+
textSecondary: "#b3b3b3",
|
|
712
|
+
textTertiary: "#808080",
|
|
713
|
+
textMuted: "#666666",
|
|
714
|
+
highlightBg: "#40391e",
|
|
715
|
+
highlightBorder: "#7f7530",
|
|
891
716
|
textOnPrimary: "#ffffff"
|
|
892
717
|
},
|
|
893
718
|
modes: {
|
|
894
719
|
light: {
|
|
895
720
|
text: "#1a1a1a",
|
|
896
|
-
background: "
|
|
721
|
+
background: "#ffffff",
|
|
897
722
|
primary: "#0066cc",
|
|
898
723
|
secondary: "#0052a3",
|
|
899
724
|
accent: "#00cc88",
|
|
900
|
-
highlight: "
|
|
901
|
-
muted: "
|
|
725
|
+
highlight: "#e6f2ff",
|
|
726
|
+
muted: "#f5f5f5",
|
|
902
727
|
success: "#00cc88",
|
|
903
728
|
warning: "#ffaa00",
|
|
904
729
|
error: "#ff3333",
|
|
905
730
|
info: "#0066cc",
|
|
906
|
-
border: "
|
|
907
|
-
backgroundSecondary: "
|
|
908
|
-
backgroundTertiary: "
|
|
909
|
-
backgroundLight: "
|
|
910
|
-
backgroundHover: "
|
|
911
|
-
surface: "
|
|
912
|
-
textSecondary: "
|
|
913
|
-
textTertiary: "
|
|
914
|
-
textMuted: "
|
|
915
|
-
highlightBg: "
|
|
916
|
-
highlightBorder: "
|
|
731
|
+
border: "#e6e6e6",
|
|
732
|
+
backgroundSecondary: "#fafafa",
|
|
733
|
+
backgroundTertiary: "#f5f5f5",
|
|
734
|
+
backgroundLight: "#fafafa",
|
|
735
|
+
backgroundHover: "#f5f9fd",
|
|
736
|
+
surface: "#ffffff",
|
|
737
|
+
textSecondary: "#666666",
|
|
738
|
+
textTertiary: "#999999",
|
|
739
|
+
textMuted: "#b3b3b3",
|
|
740
|
+
highlightBg: "#fff9c4",
|
|
741
|
+
highlightBorder: "#fff389"
|
|
917
742
|
}
|
|
918
743
|
},
|
|
919
744
|
buttons: {
|
|
@@ -1015,23 +840,23 @@ var matrixTheme = {
|
|
|
1015
840
|
primary: "#00d835",
|
|
1016
841
|
secondary: "#00a828",
|
|
1017
842
|
accent: "#00d835",
|
|
1018
|
-
highlight: "
|
|
843
|
+
highlight: "#002008",
|
|
1019
844
|
muted: "#0a0a0a",
|
|
1020
845
|
success: "#00d835",
|
|
1021
846
|
warning: "#d4a000",
|
|
1022
847
|
error: "#d63333",
|
|
1023
848
|
info: "#00a8d6",
|
|
1024
|
-
border: "
|
|
849
|
+
border: "#002b0b",
|
|
1025
850
|
backgroundSecondary: "#0a0a0a",
|
|
1026
851
|
backgroundTertiary: "#111111",
|
|
1027
|
-
backgroundLight: "
|
|
1028
|
-
backgroundHover: "
|
|
852
|
+
backgroundLight: "#000602",
|
|
853
|
+
backgroundHover: "#001104",
|
|
1029
854
|
surface: "#050505",
|
|
1030
855
|
textSecondary: "#808080",
|
|
1031
856
|
textTertiary: "#606060",
|
|
1032
857
|
textMuted: "#484848",
|
|
1033
|
-
highlightBg: "
|
|
1034
|
-
highlightBorder: "
|
|
858
|
+
highlightBg: "#00360d",
|
|
859
|
+
highlightBorder: "#006c1b",
|
|
1035
860
|
textOnPrimary: "#000000"
|
|
1036
861
|
},
|
|
1037
862
|
buttons: {
|
|
@@ -1133,23 +958,23 @@ var matrixMinimalTheme = {
|
|
|
1133
958
|
primary: "#b8b8b8",
|
|
1134
959
|
secondary: "#909090",
|
|
1135
960
|
accent: "#00d835",
|
|
1136
|
-
highlight: "
|
|
961
|
+
highlight: "#001605",
|
|
1137
962
|
muted: "#0a0a0a",
|
|
1138
963
|
success: "#00d835",
|
|
1139
964
|
warning: "#d4a000",
|
|
1140
965
|
error: "#d63333",
|
|
1141
966
|
info: "#00a8d6",
|
|
1142
|
-
border: "
|
|
967
|
+
border: "#121212",
|
|
1143
968
|
backgroundSecondary: "#0a0a0a",
|
|
1144
969
|
backgroundTertiary: "#111111",
|
|
1145
|
-
backgroundLight: "
|
|
1146
|
-
backgroundHover: "
|
|
970
|
+
backgroundLight: "#040404",
|
|
971
|
+
backgroundHover: "#000b03",
|
|
1147
972
|
surface: "#050505",
|
|
1148
973
|
textSecondary: "#808080",
|
|
1149
974
|
textTertiary: "#606060",
|
|
1150
975
|
textMuted: "#484848",
|
|
1151
|
-
highlightBg: "
|
|
1152
|
-
highlightBorder: "
|
|
976
|
+
highlightBg: "#002b0b",
|
|
977
|
+
highlightBorder: "#005615",
|
|
1153
978
|
textOnPrimary: "#000000"
|
|
1154
979
|
},
|
|
1155
980
|
buttons: {
|
|
@@ -1251,23 +1076,23 @@ var slateTheme = {
|
|
|
1251
1076
|
primary: "#d1d5db",
|
|
1252
1077
|
secondary: "#6b7280",
|
|
1253
1078
|
accent: "#f59e0b",
|
|
1254
|
-
highlight: "
|
|
1079
|
+
highlight: "#353838",
|
|
1255
1080
|
muted: "#2d3134",
|
|
1256
1081
|
success: "#10b981",
|
|
1257
1082
|
warning: "#f59e0b",
|
|
1258
1083
|
error: "#ef4444",
|
|
1259
1084
|
info: "#3b82f6",
|
|
1260
|
-
border: "
|
|
1085
|
+
border: "#2d3034",
|
|
1261
1086
|
backgroundSecondary: "#22252a",
|
|
1262
1087
|
backgroundTertiary: "#2d3134",
|
|
1263
|
-
backgroundLight: "
|
|
1264
|
-
backgroundHover: "
|
|
1088
|
+
backgroundLight: "#202325",
|
|
1089
|
+
backgroundHover: "#27292c",
|
|
1265
1090
|
surface: "#1f2124",
|
|
1266
1091
|
textSecondary: "#e5e7eb",
|
|
1267
1092
|
textTertiary: "#6b7280",
|
|
1268
1093
|
textMuted: "#4b5563",
|
|
1269
|
-
highlightBg: "
|
|
1270
|
-
highlightBorder: "
|
|
1094
|
+
highlightBg: "#513c19",
|
|
1095
|
+
highlightBorder: "#875d14",
|
|
1271
1096
|
textOnPrimary: "#1a1c1e"
|
|
1272
1097
|
},
|
|
1273
1098
|
buttons: {
|
|
@@ -1956,7 +1781,6 @@ export {
|
|
|
1956
1781
|
landingPageTheme,
|
|
1957
1782
|
landingPageLightTheme,
|
|
1958
1783
|
increaseFontScale,
|
|
1959
|
-
glassmorphismTheme,
|
|
1960
1784
|
getZIndex,
|
|
1961
1785
|
getSpace,
|
|
1962
1786
|
getShadow,
|
package/dist/esm/themes.d.ts
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
* Collection of available themes for PrincipleMD
|
|
3
3
|
*/
|
|
4
4
|
import { Theme } from './index';
|
|
5
|
-
export { glassmorphismTheme } from './glassmorphismTheme';
|
|
6
5
|
export { defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme } from './defaultThemes';
|
|
7
6
|
export { landingPageTheme, landingPageLightTheme } from './landingPageTheme';
|
|
8
7
|
export declare const regalTheme: Theme;
|
package/dist/esm/themes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KAyIxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAgL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA6IzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA6IhC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA4IxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ade/industry-theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Theme components and styles for industry-themed markdown",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -27,7 +27,9 @@
|
|
|
27
27
|
"lint:fix": "eslint . --ext .ts,.tsx --fix",
|
|
28
28
|
"format": "prettier --write .",
|
|
29
29
|
"format:check": "prettier --check .",
|
|
30
|
-
"clean": "rm -rf dist"
|
|
30
|
+
"clean": "rm -rf dist",
|
|
31
|
+
"storybook": "storybook dev -p 6006",
|
|
32
|
+
"build-storybook": "storybook build"
|
|
31
33
|
},
|
|
32
34
|
"keywords": [
|
|
33
35
|
"markdown",
|
|
@@ -37,17 +39,28 @@
|
|
|
37
39
|
"author": "Principal ADE Team",
|
|
38
40
|
"license": "MIT",
|
|
39
41
|
"devDependencies": {
|
|
42
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
40
43
|
"@eslint/js": "^9.32.0",
|
|
44
|
+
"@storybook/addon-docs": "^10.1.2",
|
|
45
|
+
"@storybook/addon-links": "^10.1.2",
|
|
46
|
+
"@storybook/addon-onboarding": "^10.1.2",
|
|
47
|
+
"@storybook/react-vite": "^10.1.2",
|
|
41
48
|
"@types/bun": "latest",
|
|
42
49
|
"@types/react": "^19.1.12",
|
|
50
|
+
"@types/react-dom": "^19.0.0",
|
|
51
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
43
52
|
"eslint": "^9.32.0",
|
|
44
53
|
"eslint-config-prettier": "^10.1.8",
|
|
45
54
|
"eslint-import-resolver-typescript": "^4.4.4",
|
|
46
55
|
"eslint-plugin-import": "^2.32.0",
|
|
56
|
+
"eslint-plugin-storybook": "^10.1.2",
|
|
47
57
|
"prettier": "^3.6.2",
|
|
48
58
|
"react": ">=19.0.0",
|
|
59
|
+
"react-dom": ">=19.0.0",
|
|
60
|
+
"storybook": "^10.1.2",
|
|
49
61
|
"typescript": "^5.0.4",
|
|
50
|
-
"typescript-eslint": "^8.38.0"
|
|
62
|
+
"typescript-eslint": "^8.38.0",
|
|
63
|
+
"vite": "^6.0.7"
|
|
51
64
|
},
|
|
52
65
|
"peerDependencies": {
|
|
53
66
|
"react": ">=19.0.0"
|