@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/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: "rgba(0, 122, 204, 0.1)",
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: "rgba(0, 0, 0, 0.1)",
49
+ border: "#e6e6e6",
225
50
  backgroundSecondary: "#f8f9fa",
226
51
  backgroundTertiary: "#e9ecef",
227
- backgroundLight: "rgba(0, 0, 0, 0.03)",
228
- backgroundHover: "rgba(0, 0, 0, 0.05)",
52
+ backgroundLight: "#f7f7f7",
53
+ backgroundHover: "#f2f2f2",
229
54
  surface: "#ffffff",
230
55
  textSecondary: "#555555",
231
56
  textTertiary: "#888888",
232
57
  textMuted: "#aaaaaa",
233
- highlightBg: "rgba(255, 235, 59, 0.3)",
234
- highlightBorder: "rgba(255, 235, 59, 0.6)",
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: "rgba(255, 193, 7, 0.1)",
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: "rgba(255, 193, 7, 0.2)",
160
+ border: "#332701",
336
161
  backgroundSecondary: "#0a0a0a",
337
162
  backgroundTertiary: "#111111",
338
- backgroundLight: "rgba(255, 193, 7, 0.03)",
339
- backgroundHover: "rgba(255, 193, 7, 0.05)",
163
+ backgroundLight: "#080600",
164
+ backgroundHover: "#0d0a00",
340
165
  surface: "#050505",
341
166
  textSecondary: "#e0e0e0",
342
167
  textTertiary: "#b0b0b0",
343
168
  textMuted: "#808080",
344
- highlightBg: "rgba(255, 193, 7, 0.2)",
345
- highlightBorder: "rgba(255, 193, 7, 0.4)",
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: "rgba(86, 156, 214, 0.1)",
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: "rgba(255, 255, 255, 0.1)",
272
+ border: "#343434",
448
273
  backgroundSecondary: "#252526",
449
274
  backgroundTertiary: "#333333",
450
- backgroundLight: "rgba(255, 255, 255, 0.03)",
451
- backgroundHover: "rgba(255, 255, 255, 0.05)",
275
+ backgroundLight: "#252525",
276
+ backgroundHover: "#292929",
452
277
  surface: "#252526",
453
278
  textSecondary: "#cccccc",
454
279
  textTertiary: "#999999",
455
280
  textMuted: "#666666",
456
- highlightBg: "rgba(255, 235, 59, 0.2)",
457
- highlightBorder: "rgba(255, 235, 59, 0.4)",
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: "rgba(0, 194, 255, 0.15)",
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: "rgba(0, 194, 255, 0.2)",
384
+ border: "#002733",
560
385
  backgroundSecondary: "#0a1628",
561
386
  backgroundTertiary: "#0f1c2e",
562
- backgroundLight: "rgba(0, 194, 255, 0.04)",
563
- backgroundHover: "rgba(0, 194, 255, 0.1)",
564
- surface: "rgba(0, 0, 0, 0.4)",
387
+ backgroundLight: "#00080a",
388
+ backgroundHover: "#00131a",
389
+ surface: "#000000",
565
390
  textSecondary: "#d1d5db",
566
391
  textTertiary: "#9ca3af",
567
392
  textMuted: "#6b7280",
568
- highlightBg: "rgba(255, 235, 59, 0.25)",
569
- highlightBorder: "rgba(255, 235, 59, 0.5)",
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: "rgba(0, 194, 255, 0.3)",
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: "rgba(0, 194, 255, 0.1)",
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: "rgba(0, 194, 255, 0.1)"
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: "rgba(0, 194, 255, 0.05)",
465
+ bg: "#000a0d",
641
466
  border: "1px solid",
642
- borderColor: "rgba(0, 194, 255, 0.2)",
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: "rgba(0, 152, 204, 0.1)",
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: "rgba(0, 152, 204, 0.2)",
486
+ border: "#cceaf5",
662
487
  backgroundSecondary: "#f8f9fa",
663
488
  backgroundTertiary: "#e9ecef",
664
- backgroundLight: "rgba(0, 152, 204, 0.03)",
665
- backgroundHover: "rgba(0, 152, 204, 0.05)",
666
- surface: "rgba(255, 255, 255, 0.95)",
489
+ backgroundLight: "#f7fcfd",
490
+ backgroundHover: "#f2fafc",
491
+ surface: "#ffffff",
667
492
  textSecondary: "#555555",
668
493
  textTertiary: "#888888",
669
494
  textMuted: "#aaaaaa",
670
- highlightBg: "rgba(255, 235, 59, 0.3)",
671
- highlightBorder: "rgba(255, 235, 59, 0.6)",
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: "rgba(0, 152, 204, 0.3)",
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: "rgba(0, 152, 204, 0.05)",
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: "rgba(0, 152, 204, 0.05)"
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: "rgba(212, 165, 116, 0.15)",
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: "rgba(212, 165, 116, 0.2)",
591
+ border: "#3f3a3c",
767
592
  backgroundSecondary: "#212738",
768
593
  backgroundTertiary: "#2d3446",
769
- backgroundLight: "rgba(212, 165, 116, 0.08)",
770
- backgroundHover: "rgba(212, 165, 116, 0.15)",
594
+ backgroundLight: "#292a34",
595
+ backgroundHover: "#363338",
771
596
  surface: "#212738",
772
597
  textSecondary: "#c9b8a3",
773
598
  textTertiary: "#8b7968",
774
599
  textMuted: "#8b7968",
775
- highlightBg: "rgba(255, 193, 7, 0.25)",
776
- highlightBorder: "rgba(255, 193, 7, 0.5)",
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: "rgba(10, 10, 10, 0.85)",
695
+ background: "#0a0a0a",
871
696
  primary: "#66b3ff",
872
697
  secondary: "#80c4ff",
873
698
  accent: "#66ff99",
874
- highlight: "rgba(102, 179, 255, 0.15)",
875
- muted: "rgba(26, 26, 26, 0.8)",
699
+ highlight: "#18283d",
700
+ muted: "#1a1a1a",
876
701
  success: "#66ff99",
877
702
  warning: "#ffcc66",
878
703
  error: "#ff6666",
879
704
  info: "#66b3ff",
880
- border: "rgba(255, 255, 255, 0.1)",
881
- backgroundSecondary: "rgba(15, 15, 15, 0.9)",
882
- backgroundTertiary: "rgba(20, 20, 20, 0.9)",
883
- backgroundLight: "rgba(255, 255, 255, 0.05)",
884
- backgroundHover: "rgba(102, 179, 255, 0.08)",
885
- surface: "rgba(15, 15, 15, 0.95)",
886
- textSecondary: "rgba(255, 255, 255, 0.7)",
887
- textTertiary: "rgba(255, 255, 255, 0.5)",
888
- textMuted: "rgba(255, 255, 255, 0.4)",
889
- highlightBg: "rgba(255, 235, 59, 0.25)",
890
- highlightBorder: "rgba(255, 235, 59, 0.5)",
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: "rgba(255, 255, 255, 0.9)",
721
+ background: "#ffffff",
897
722
  primary: "#0066cc",
898
723
  secondary: "#0052a3",
899
724
  accent: "#00cc88",
900
- highlight: "rgba(0, 102, 204, 0.08)",
901
- muted: "rgba(245, 245, 245, 0.8)",
725
+ highlight: "#e6f2ff",
726
+ muted: "#f5f5f5",
902
727
  success: "#00cc88",
903
728
  warning: "#ffaa00",
904
729
  error: "#ff3333",
905
730
  info: "#0066cc",
906
- border: "rgba(0, 0, 0, 0.1)",
907
- backgroundSecondary: "rgba(250, 250, 250, 0.9)",
908
- backgroundTertiary: "rgba(245, 245, 245, 0.9)",
909
- backgroundLight: "rgba(0, 0, 0, 0.02)",
910
- backgroundHover: "rgba(0, 102, 204, 0.04)",
911
- surface: "rgba(255, 255, 255, 0.95)",
912
- textSecondary: "rgba(0, 0, 0, 0.6)",
913
- textTertiary: "rgba(0, 0, 0, 0.4)",
914
- textMuted: "rgba(0, 0, 0, 0.3)",
915
- highlightBg: "rgba(255, 235, 59, 0.3)",
916
- highlightBorder: "rgba(255, 235, 59, 0.6)"
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: "rgba(0, 216, 53, 0.15)",
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: "rgba(0, 216, 53, 0.2)",
849
+ border: "#002b0b",
1025
850
  backgroundSecondary: "#0a0a0a",
1026
851
  backgroundTertiary: "#111111",
1027
- backgroundLight: "rgba(0, 216, 53, 0.03)",
1028
- backgroundHover: "rgba(0, 216, 53, 0.08)",
852
+ backgroundLight: "#000602",
853
+ backgroundHover: "#001104",
1029
854
  surface: "#050505",
1030
855
  textSecondary: "#808080",
1031
856
  textTertiary: "#606060",
1032
857
  textMuted: "#484848",
1033
- highlightBg: "rgba(0, 216, 53, 0.25)",
1034
- highlightBorder: "rgba(0, 216, 53, 0.5)",
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: "rgba(0, 216, 53, 0.1)",
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: "rgba(184, 184, 184, 0.1)",
967
+ border: "#121212",
1143
968
  backgroundSecondary: "#0a0a0a",
1144
969
  backgroundTertiary: "#111111",
1145
- backgroundLight: "rgba(184, 184, 184, 0.02)",
1146
- backgroundHover: "rgba(0, 216, 53, 0.05)",
970
+ backgroundLight: "#040404",
971
+ backgroundHover: "#000b03",
1147
972
  surface: "#050505",
1148
973
  textSecondary: "#808080",
1149
974
  textTertiary: "#606060",
1150
975
  textMuted: "#484848",
1151
- highlightBg: "rgba(0, 216, 53, 0.2)",
1152
- highlightBorder: "rgba(0, 216, 53, 0.4)",
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: "rgba(209, 213, 219, 0.15)",
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: "rgba(156, 163, 175, 0.15)",
1085
+ border: "#2d3034",
1261
1086
  backgroundSecondary: "#22252a",
1262
1087
  backgroundTertiary: "#2d3134",
1263
- backgroundLight: "rgba(156, 163, 175, 0.05)",
1264
- backgroundHover: "rgba(156, 163, 175, 0.1)",
1088
+ backgroundLight: "#202325",
1089
+ backgroundHover: "#27292c",
1265
1090
  surface: "#1f2124",
1266
1091
  textSecondary: "#e5e7eb",
1267
1092
  textTertiary: "#6b7280",
1268
1093
  textMuted: "#4b5563",
1269
- highlightBg: "rgba(245, 158, 11, 0.25)",
1270
- highlightBorder: "rgba(245, 158, 11, 0.5)",
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,
@@ -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;
@@ -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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,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"}
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.5",
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"