@buoy-gg/highlight-updates 7.0.25 → 7.0.27

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.
Files changed (32) hide show
  1. package/lib/commonjs/highlight-updates/HighlightUpdatesOverlay.js +4 -4
  2. package/lib/commonjs/highlight-updates/components/HighlightFilterView.js +88 -87
  3. package/lib/commonjs/highlight-updates/components/HighlightUpdatesModal.js +12 -8
  4. package/lib/commonjs/highlight-updates/components/IdentifierBadge.js +2 -2
  5. package/lib/commonjs/highlight-updates/components/IsolatedRenderList.js +6 -6
  6. package/lib/commonjs/highlight-updates/components/ModalHeaderContent.js +17 -17
  7. package/lib/commonjs/highlight-updates/components/RenderCauseBadge.js +22 -20
  8. package/lib/commonjs/highlight-updates/components/RenderDetailView.js +53 -49
  9. package/lib/commonjs/highlight-updates/components/RenderHistoryViewer.js +62 -60
  10. package/lib/commonjs/highlight-updates/components/RenderListItem.js +7 -7
  11. package/lib/commonjs/highlight-updates/components/RendersCopySettingsView.js +18 -18
  12. package/lib/commonjs/highlight-updates/components/StatsDisplay.js +4 -4
  13. package/lib/module/highlight-updates/HighlightUpdatesOverlay.js +5 -5
  14. package/lib/module/highlight-updates/components/HighlightFilterView.js +89 -88
  15. package/lib/module/highlight-updates/components/HighlightUpdatesModal.js +13 -9
  16. package/lib/module/highlight-updates/components/IdentifierBadge.js +3 -3
  17. package/lib/module/highlight-updates/components/IsolatedRenderList.js +7 -7
  18. package/lib/module/highlight-updates/components/ModalHeaderContent.js +18 -18
  19. package/lib/module/highlight-updates/components/RenderCauseBadge.js +23 -21
  20. package/lib/module/highlight-updates/components/RenderDetailView.js +54 -50
  21. package/lib/module/highlight-updates/components/RenderHistoryViewer.js +63 -61
  22. package/lib/module/highlight-updates/components/RenderListItem.js +8 -8
  23. package/lib/module/highlight-updates/components/RendersCopySettingsView.js +19 -19
  24. package/lib/module/highlight-updates/components/StatsDisplay.js +5 -5
  25. package/lib/typescript/highlight-updates/components/HighlightFilterView.d.ts.map +1 -1
  26. package/lib/typescript/highlight-updates/components/HighlightUpdatesModal.d.ts.map +1 -1
  27. package/lib/typescript/highlight-updates/components/IdentifierBadge.d.ts.map +1 -1
  28. package/lib/typescript/highlight-updates/components/RenderCauseBadge.d.ts.map +1 -1
  29. package/lib/typescript/highlight-updates/components/RenderDetailView.d.ts.map +1 -1
  30. package/lib/typescript/highlight-updates/components/RenderHistoryViewer.d.ts.map +1 -1
  31. package/lib/typescript/highlight-updates/components/RendersCopySettingsView.d.ts.map +1 -1
  32. package/package.json +7 -7
@@ -10,7 +10,7 @@
10
10
 
11
11
  import React, { useState, useCallback, useMemo } from "react";
12
12
  import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
13
- import { Clock, GitBranch, Database, Lock, formatRelativeTime, SectionHeader, EventStepperFooter, buoyColors, useLimit } from "@buoy-gg/shared-ui";
13
+ import { Clock, GitBranch, Database, Lock, formatRelativeTime, SectionHeader, EventStepperFooter, buoyColors, night, useLimit } from "@buoy-gg/shared-ui";
14
14
  import { TreeDiffViewer } from "@buoy-gg/shared-ui/dataViewer";
15
15
  import { EnhancedCauseDisplay, CAUSE_CONFIG } from "./RenderCauseBadge";
16
16
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -86,7 +86,7 @@ export function RenderHistoryViewer({
86
86
  style: styles.emptyContainer,
87
87
  children: [/*#__PURE__*/_jsx(Clock, {
88
88
  size: 32,
89
- color: buoyColors.textMuted
89
+ color: night.color.textTertiary
90
90
  }), /*#__PURE__*/_jsx(Text, {
91
91
  style: styles.emptyTitle,
92
92
  children: "No Render History"
@@ -105,7 +105,7 @@ export function RenderHistoryViewer({
105
105
  style: styles.lockedBanner,
106
106
  children: [/*#__PURE__*/_jsx(Lock, {
107
107
  size: 14,
108
- color: buoyColors.warning
108
+ color: night.color.warning
109
109
  }), /*#__PURE__*/_jsxs(Text, {
110
110
  style: styles.lockedBannerText,
111
111
  children: [lockedEventCount, " older ", lockedEventCount === 1 ? 'render' : 'renders', " locked"]
@@ -123,14 +123,14 @@ export function RenderHistoryViewer({
123
123
  style: styles.viewToggleContent,
124
124
  children: [/*#__PURE__*/_jsx(Database, {
125
125
  size: 16,
126
- color: activeView === "current" ? buoyColors.primary : buoyColors.textSecondary
126
+ color: activeView === "current" ? night.color.accent : night.color.textSecondary
127
127
  }), /*#__PURE__*/_jsx(Text, {
128
128
  style: [styles.viewToggleLabel, activeView === "current" && styles.viewToggleLabelActive],
129
129
  children: "CURRENT STATE"
130
130
  })]
131
131
  }), /*#__PURE__*/_jsxs(Text, {
132
132
  style: [styles.viewToggleDescription, activeView === "current" && {
133
- color: buoyColors.text
133
+ color: night.color.text
134
134
  }],
135
135
  children: ["View render #", currentEvent?.renderNumber ?? 0, " details"]
136
136
  })]
@@ -140,7 +140,7 @@ export function RenderHistoryViewer({
140
140
  style: styles.viewToggleContent,
141
141
  children: [/*#__PURE__*/_jsx(GitBranch, {
142
142
  size: 16,
143
- color: buoyColors.textMuted
143
+ color: night.color.textTertiary
144
144
  }), /*#__PURE__*/_jsx(Text, {
145
145
  style: [styles.viewToggleLabel, styles.viewToggleLabelDisabled],
146
146
  children: "DIFF VIEW"
@@ -153,7 +153,7 @@ export function RenderHistoryViewer({
153
153
  })]
154
154
  }), /*#__PURE__*/_jsx(Text, {
155
155
  style: [styles.viewToggleDescription, {
156
- color: buoyColors.textMuted
156
+ color: night.color.textTertiary
157
157
  }],
158
158
  children: "Compare renders side by side (coming soon)"
159
159
  })]
@@ -249,7 +249,7 @@ function CurrentStateView({
249
249
  children: [/*#__PURE__*/_jsxs(SectionHeader, {
250
250
  children: [/*#__PURE__*/_jsx(SectionHeader.Icon, {
251
251
  icon: Database,
252
- color: buoyColors.primary,
252
+ color: night.color.accent,
253
253
  size: 12
254
254
  }), /*#__PURE__*/_jsx(SectionHeader.Title, {
255
255
  children: "CAPTURED PROPS"
@@ -490,7 +490,8 @@ export function RenderHistoryFooter({
490
490
  const styles = StyleSheet.create({
491
491
  container: {
492
492
  flex: 1,
493
- backgroundColor: buoyColors.base
493
+ // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
494
+ backgroundColor: "transparent"
494
495
  },
495
496
  emptyContainer: {
496
497
  flex: 1,
@@ -502,11 +503,11 @@ const styles = StyleSheet.create({
502
503
  emptyTitle: {
503
504
  fontSize: 16,
504
505
  fontWeight: "600",
505
- color: buoyColors.text
506
+ color: night.color.text
506
507
  },
507
508
  emptyText: {
508
509
  fontSize: 13,
509
- color: buoyColors.textSecondary,
510
+ color: night.color.textSecondary,
510
511
  textAlign: "center",
511
512
  lineHeight: 18
512
513
  },
@@ -517,22 +518,22 @@ const styles = StyleSheet.create({
517
518
  },
518
519
  viewToggleCard: {
519
520
  flex: 1,
520
- backgroundColor: buoyColors.card,
521
+ backgroundColor: night.color.surface,
521
522
  borderRadius: 8,
522
523
  borderWidth: 1,
523
- borderColor: buoyColors.border,
524
+ borderColor: night.color.border,
524
525
  padding: 10,
525
526
  gap: 4
526
527
  },
527
528
  viewToggleCardActive: {
528
- borderColor: buoyColors.primary,
529
- backgroundColor: buoyColors.primary + "10"
529
+ borderColor: night.color.accentBorderStrong,
530
+ backgroundColor: night.color.accentSoft
530
531
  },
531
532
  viewToggleCardDisabled: {
532
533
  opacity: 0.5
533
534
  },
534
535
  todoBadge: {
535
- backgroundColor: buoyColors.textMuted + "30",
536
+ backgroundColor: night.color.fillSecondary,
536
537
  paddingHorizontal: 6,
537
538
  paddingVertical: 2,
538
539
  borderRadius: 4,
@@ -541,7 +542,7 @@ const styles = StyleSheet.create({
541
542
  todoBadgeText: {
542
543
  fontSize: 9,
543
544
  fontWeight: "700",
544
- color: buoyColors.textMuted,
545
+ color: night.color.textTertiary,
545
546
  letterSpacing: 0.3
546
547
  },
547
548
  viewToggleContent: {
@@ -552,18 +553,18 @@ const styles = StyleSheet.create({
552
553
  viewToggleLabel: {
553
554
  fontSize: 10,
554
555
  fontWeight: "700",
555
- color: buoyColors.textSecondary,
556
+ color: night.color.textSecondary,
556
557
  letterSpacing: 0.5
557
558
  },
558
559
  viewToggleLabelActive: {
559
- color: buoyColors.primary
560
+ color: night.color.accent
560
561
  },
561
562
  viewToggleLabelDisabled: {
562
- color: buoyColors.textMuted
563
+ color: night.color.textTertiary
563
564
  },
564
565
  viewToggleDescription: {
565
566
  fontSize: 11,
566
- color: buoyColors.textMuted,
567
+ color: night.color.textTertiary,
567
568
  marginTop: 2
568
569
  },
569
570
  contentScroll: {
@@ -579,7 +580,7 @@ const styles = StyleSheet.create({
579
580
  },
580
581
  noEventText: {
581
582
  fontSize: 13,
582
- color: buoyColors.textMuted
583
+ color: night.color.textTertiary
583
584
  },
584
585
  currentStateContainer: {
585
586
  gap: 12
@@ -588,10 +589,10 @@ const styles = StyleSheet.create({
588
589
  flexDirection: "row",
589
590
  alignItems: "center",
590
591
  justifyContent: "space-between",
591
- backgroundColor: buoyColors.card,
592
+ backgroundColor: night.color.surface,
592
593
  borderRadius: 8,
593
594
  borderWidth: 1,
594
- borderColor: buoyColors.border,
595
+ borderColor: night.color.border,
595
596
  padding: 12
596
597
  },
597
598
  eventHeaderLeft: {
@@ -600,11 +601,11 @@ const styles = StyleSheet.create({
600
601
  eventTitle: {
601
602
  fontSize: 15,
602
603
  fontWeight: "700",
603
- color: buoyColors.text
604
+ color: night.color.text
604
605
  },
605
606
  eventTime: {
606
607
  fontSize: 11,
607
- color: buoyColors.textMuted,
608
+ color: night.color.textTertiary,
608
609
  fontFamily: "monospace"
609
610
  },
610
611
  eventBadge: {
@@ -626,10 +627,10 @@ const styles = StyleSheet.create({
626
627
  fontFamily: "monospace"
627
628
  },
628
629
  section: {
629
- backgroundColor: buoyColors.card,
630
+ backgroundColor: night.color.surface,
630
631
  borderRadius: 8,
631
632
  borderWidth: 1,
632
- borderColor: buoyColors.border,
633
+ borderColor: night.color.border,
633
634
  overflow: "hidden"
634
635
  },
635
636
  sectionContent: {
@@ -646,12 +647,12 @@ const styles = StyleSheet.create({
646
647
  changedListTitle: {
647
648
  fontSize: 11,
648
649
  fontWeight: "600",
649
- color: buoyColors.textSecondary,
650
+ color: night.color.textSecondary,
650
651
  marginBottom: 6
651
652
  },
652
653
  changedItem: {
653
654
  fontSize: 12,
654
- color: buoyColors.text,
655
+ color: night.color.text,
655
656
  fontFamily: "monospace",
656
657
  marginBottom: 3,
657
658
  paddingLeft: 8
@@ -662,8 +663,9 @@ const styles = StyleSheet.create({
662
663
  propsJson: {
663
664
  fontSize: 11,
664
665
  fontFamily: "monospace",
665
- color: buoyColors.text,
666
- backgroundColor: buoyColors.input,
666
+ color: night.color.text,
667
+ // Inset code box — the night track color.
668
+ backgroundColor: night.color.bg,
667
669
  padding: 10,
668
670
  borderRadius: 6
669
671
  },
@@ -672,10 +674,10 @@ const styles = StyleSheet.create({
672
674
  },
673
675
  compareBar: {
674
676
  flexDirection: "row",
675
- backgroundColor: buoyColors.card,
677
+ backgroundColor: night.color.surface,
676
678
  borderRadius: 8,
677
679
  borderWidth: 1,
678
- borderColor: buoyColors.border,
680
+ borderColor: night.color.border,
679
681
  padding: 10
680
682
  },
681
683
  compareSide: {
@@ -709,11 +711,11 @@ const styles = StyleSheet.create({
709
711
  compareIndex: {
710
712
  fontSize: 12,
711
713
  fontWeight: "600",
712
- color: buoyColors.text
714
+ color: night.color.text
713
715
  },
714
716
  compareTime: {
715
717
  fontSize: 10,
716
- color: buoyColors.textMuted,
718
+ color: night.color.textTertiary,
717
719
  fontFamily: "monospace"
718
720
  },
719
721
  compareDivider: {
@@ -723,19 +725,19 @@ const styles = StyleSheet.create({
723
725
  },
724
726
  compareArrow: {
725
727
  fontSize: 16,
726
- color: buoyColors.textMuted
728
+ color: night.color.textTertiary
727
729
  },
728
730
  diffSummary: {
729
- backgroundColor: buoyColors.card,
731
+ backgroundColor: night.color.surface,
730
732
  borderRadius: 8,
731
733
  borderWidth: 1,
732
- borderColor: buoyColors.border,
734
+ borderColor: night.color.border,
733
735
  padding: 12
734
736
  },
735
737
  diffSummaryTitle: {
736
738
  fontSize: 11,
737
739
  fontWeight: "600",
738
- color: buoyColors.textSecondary,
740
+ color: night.color.textSecondary,
739
741
  marginBottom: 8
740
742
  },
741
743
  diffChanges: {
@@ -749,22 +751,22 @@ const styles = StyleSheet.create({
749
751
  diffChangeIcon: {
750
752
  fontSize: 12,
751
753
  fontWeight: "700",
752
- color: buoyColors.warning,
754
+ color: night.color.warning,
753
755
  fontFamily: "monospace"
754
756
  },
755
757
  diffChangeKey: {
756
758
  fontSize: 12,
757
- color: buoyColors.text,
759
+ color: night.color.text,
758
760
  fontFamily: "monospace"
759
761
  },
760
762
  diffNoChanges: {
761
763
  fontSize: 12,
762
- color: buoyColors.textMuted,
764
+ color: night.color.textTertiary,
763
765
  fontStyle: "italic"
764
766
  },
765
767
  diffPlaceholder: {
766
768
  fontSize: 12,
767
- color: buoyColors.textMuted,
769
+ color: night.color.textTertiary,
768
770
  fontStyle: "italic",
769
771
  textAlign: "center",
770
772
  padding: 16
@@ -772,10 +774,10 @@ const styles = StyleSheet.create({
772
774
  // Diff mode tabs
773
775
  diffModeTabs: {
774
776
  flexDirection: "row",
775
- backgroundColor: buoyColors.card,
777
+ backgroundColor: night.color.surface,
776
778
  borderRadius: 8,
777
779
  borderWidth: 1,
778
- borderColor: buoyColors.border,
780
+ borderColor: night.color.border,
779
781
  padding: 4,
780
782
  gap: 4
781
783
  },
@@ -787,7 +789,7 @@ const styles = StyleSheet.create({
787
789
  alignItems: "center"
788
790
  },
789
791
  diffModeTabActive: {
790
- backgroundColor: buoyColors.primary + "20"
792
+ backgroundColor: night.color.accentSoft
791
793
  },
792
794
  diffModeTabDisabled: {
793
795
  opacity: 0.4
@@ -795,14 +797,14 @@ const styles = StyleSheet.create({
795
797
  diffModeTabText: {
796
798
  fontSize: 10,
797
799
  fontWeight: "600",
798
- color: buoyColors.textSecondary,
800
+ color: night.color.textSecondary,
799
801
  letterSpacing: 0.5
800
802
  },
801
803
  diffModeTabTextActive: {
802
- color: buoyColors.primary
804
+ color: night.color.accent
803
805
  },
804
806
  diffModeTabTextDisabled: {
805
- color: buoyColors.textMuted
807
+ color: night.color.textTertiary
806
808
  },
807
809
  // Cause diff styles
808
810
  causeDiffContainer: {
@@ -817,27 +819,27 @@ const styles = StyleSheet.create({
817
819
  causeDiffLabel: {
818
820
  fontSize: 11,
819
821
  fontWeight: "600",
820
- color: buoyColors.textSecondary,
822
+ color: night.color.textSecondary,
821
823
  minWidth: 80
822
824
  },
823
825
  causeDiffValue: {
824
826
  fontSize: 12,
825
- color: buoyColors.text,
827
+ color: night.color.text,
826
828
  fontFamily: "monospace",
827
829
  fontWeight: "500"
828
830
  },
829
831
  diffChangesTitle: {
830
832
  fontSize: 11,
831
833
  fontWeight: "600",
832
- color: buoyColors.textSecondary,
834
+ color: night.color.textSecondary,
833
835
  marginBottom: 6
834
836
  },
835
837
  // Tree diff container
836
838
  treeDiffContainer: {
837
- backgroundColor: buoyColors.card,
839
+ backgroundColor: night.color.surface,
838
840
  borderRadius: 8,
839
841
  borderWidth: 1,
840
- borderColor: buoyColors.border,
842
+ borderColor: night.color.border,
841
843
  overflow: "hidden",
842
844
  minHeight: 150
843
845
  },
@@ -849,11 +851,11 @@ const styles = StyleSheet.create({
849
851
  noDiffDataTitle: {
850
852
  fontSize: 13,
851
853
  fontWeight: "600",
852
- color: buoyColors.text
854
+ color: night.color.text
853
855
  },
854
856
  noDiffDataText: {
855
857
  fontSize: 12,
856
- color: buoyColors.textMuted,
858
+ color: night.color.textTertiary,
857
859
  textAlign: "center",
858
860
  lineHeight: 18
859
861
  },
@@ -865,19 +867,19 @@ const styles = StyleSheet.create({
865
867
  paddingHorizontal: 16,
866
868
  marginHorizontal: 12,
867
869
  marginTop: 8,
868
- backgroundColor: buoyColors.warning + "15",
870
+ backgroundColor: night.color.warningSoft,
869
871
  borderRadius: 8,
870
872
  borderWidth: 1,
871
- borderColor: buoyColors.warning + "30",
873
+ borderColor: night.color.warning + "30",
872
874
  gap: 8
873
875
  },
874
876
  lockedBannerText: {
875
- color: buoyColors.warning,
877
+ color: night.color.warning,
876
878
  fontSize: 13,
877
879
  fontWeight: "500"
878
880
  },
879
881
  lockedBannerSubtext: {
880
- color: buoyColors.textMuted,
882
+ color: night.color.textTertiary,
881
883
  fontSize: 12
882
884
  }
883
885
  });
@@ -9,7 +9,7 @@
9
9
 
10
10
  import React, { useMemo } from "react";
11
11
  import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
12
- import { ChevronRight, buoyColors, useRelativeTime } from "@buoy-gg/shared-ui";
12
+ import { ChevronRight, night, useRelativeTime } from "@buoy-gg/shared-ui";
13
13
  import { IdentifierBadge } from "./IdentifierBadge";
14
14
  import { RenderCauseBadge } from "./RenderCauseBadge";
15
15
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -118,7 +118,7 @@ function RenderListItemInner({
118
118
  })]
119
119
  }), /*#__PURE__*/_jsx(ChevronRight, {
120
120
  size: 16,
121
- color: buoyColors.textMuted
121
+ color: night.color.textTertiary
122
122
  })]
123
123
  });
124
124
  }
@@ -140,10 +140,10 @@ const styles = StyleSheet.create({
140
140
  paddingHorizontal: 12,
141
141
  marginHorizontal: 12,
142
142
  marginBottom: 6,
143
- backgroundColor: buoyColors.card,
143
+ backgroundColor: night.color.surface,
144
144
  borderRadius: 8,
145
145
  borderWidth: 1,
146
- borderColor: buoyColors.border
146
+ borderColor: night.color.border
147
147
  },
148
148
  colorIndicator: {
149
149
  width: 4,
@@ -170,17 +170,17 @@ const styles = StyleSheet.create({
170
170
  viewType: {
171
171
  fontSize: 13,
172
172
  fontWeight: "600",
173
- color: buoyColors.text
173
+ color: night.color.text
174
174
  },
175
175
  nativeType: {
176
176
  fontSize: 10,
177
- color: buoyColors.textMuted,
177
+ color: night.color.textTertiary,
178
178
  fontFamily: "monospace",
179
179
  marginTop: 1
180
180
  },
181
181
  accessibilityLabel: {
182
182
  fontSize: 10,
183
- color: buoyColors.primary,
183
+ color: night.color.accent,
184
184
  fontStyle: "italic",
185
185
  marginTop: 1
186
186
  },
@@ -207,7 +207,7 @@ const styles = StyleSheet.create({
207
207
  },
208
208
  timing: {
209
209
  fontSize: 10,
210
- color: buoyColors.textMuted,
210
+ color: night.color.textTertiary,
211
211
  fontWeight: "500",
212
212
  flexShrink: 0
213
213
  }
@@ -9,7 +9,7 @@
9
9
 
10
10
  import { useCallback, useEffect, useMemo, useState } from "react";
11
11
  import { Text, StyleSheet, ScrollView, View, TouchableOpacity } from "react-native";
12
- import { DynamicFilterView, macOSColors, FileText, FileCode, Zap, Settings, Eye, ChevronDown, ChevronUp, AlertTriangle, Layers, ToolbarCopyButton } from "@buoy-gg/shared-ui";
12
+ import { DynamicFilterView, macOSColors, night, FileText, FileCode, Zap, Settings, Eye, ChevronDown, ChevronUp, AlertTriangle, Layers, ToolbarCopyButton } from "@buoy-gg/shared-ui";
13
13
  import { DEFAULT_COPY_SETTINGS, COPY_PRESETS, PRESET_METADATA, detectActivePreset } from "../types/copySettings";
14
14
  import { generateExport, estimateExportSize, getExportSummary } from "../utils/rendersExportFormatter";
15
15
  import { loadCopySettings, saveCopySettings } from "../utils/copySettingsStorage";
@@ -192,7 +192,7 @@ export function RendersCopySettingsView({
192
192
  totalRenders
193
193
  } = getExportSummary(previewRenders);
194
194
  if (!isPreviewExpanded) {
195
- const warningColor = sizeWarningLevel === "danger" ? macOSColors.semantic.error : sizeWarningLevel === "warning" ? macOSColors.semantic.warning : macOSColors.text.secondary;
195
+ const warningColor = sizeWarningLevel === "danger" ? night.color.danger : sizeWarningLevel === "warning" ? night.color.warning : night.color.textSecondary;
196
196
  return /*#__PURE__*/_jsxs(View, {
197
197
  style: styles.collapsedPreview,
198
198
  children: [/*#__PURE__*/_jsx(TouchableOpacity, {
@@ -202,7 +202,7 @@ export function RendersCopySettingsView({
202
202
  style: styles.expandButtonContent,
203
203
  children: [/*#__PURE__*/_jsx(Eye, {
204
204
  size: 16,
205
- color: macOSColors.semantic.info
205
+ color: night.color.info
206
206
  }), /*#__PURE__*/_jsxs(View, {
207
207
  style: styles.expandButtonTextContainer,
208
208
  children: [/*#__PURE__*/_jsx(Text, {
@@ -214,7 +214,7 @@ export function RendersCopySettingsView({
214
214
  })]
215
215
  }), /*#__PURE__*/_jsx(ChevronDown, {
216
216
  size: 16,
217
- color: macOSColors.text.muted
217
+ color: night.color.textTertiary
218
218
  })]
219
219
  })
220
220
  }), sizeWarningLevel !== "none" && /*#__PURE__*/_jsxs(View, {
@@ -241,7 +241,7 @@ export function RendersCopySettingsView({
241
241
  children: "Hide Preview"
242
242
  }), /*#__PURE__*/_jsx(ChevronUp, {
243
243
  size: 14,
244
- color: macOSColors.text.secondary
244
+ color: night.color.textSecondary
245
245
  })]
246
246
  }), /*#__PURE__*/_jsx(ScrollView, {
247
247
  style: styles.previewScroll,
@@ -309,7 +309,7 @@ export function RendersCopySettingsView({
309
309
  id: "preset::custom",
310
310
  label: "Custom",
311
311
  icon: Settings,
312
- color: macOSColors.text.secondary,
312
+ color: night.color.textSecondary,
313
313
  value: "custom",
314
314
  isActive: activePreset === null,
315
315
  description: "User-configured"
@@ -479,10 +479,10 @@ const styles = StyleSheet.create({
479
479
  gap: 8
480
480
  },
481
481
  expandButton: {
482
- backgroundColor: macOSColors.background.input,
482
+ backgroundColor: night.color.surfaceElevated,
483
483
  borderRadius: 8,
484
484
  borderWidth: 1,
485
- borderColor: macOSColors.border.default,
485
+ borderColor: night.color.border,
486
486
  padding: 12
487
487
  },
488
488
  expandButtonContent: {
@@ -496,11 +496,11 @@ const styles = StyleSheet.create({
496
496
  expandButtonTitle: {
497
497
  fontSize: 13,
498
498
  fontWeight: "600",
499
- color: macOSColors.text.primary
499
+ color: night.color.text
500
500
  },
501
501
  expandButtonSubtitle: {
502
502
  fontSize: 11,
503
- color: macOSColors.text.secondary,
503
+ color: night.color.textSecondary,
504
504
  marginTop: 2
505
505
  },
506
506
  collapseButton: {
@@ -510,15 +510,15 @@ const styles = StyleSheet.create({
510
510
  gap: 6,
511
511
  paddingVertical: 8,
512
512
  marginBottom: 8,
513
- backgroundColor: macOSColors.background.hover,
513
+ backgroundColor: night.color.surfaceElevated,
514
514
  borderRadius: 6,
515
515
  borderWidth: 1,
516
- borderColor: macOSColors.border.default
516
+ borderColor: night.color.border
517
517
  },
518
518
  collapseButtonText: {
519
519
  fontSize: 12,
520
520
  fontWeight: "500",
521
- color: macOSColors.text.secondary
521
+ color: night.color.textSecondary
522
522
  },
523
523
  sizeWarning: {
524
524
  flexDirection: "row",
@@ -526,14 +526,14 @@ const styles = StyleSheet.create({
526
526
  gap: 6,
527
527
  paddingHorizontal: 10,
528
528
  paddingVertical: 6,
529
- backgroundColor: macOSColors.semantic.warningBackground,
529
+ backgroundColor: night.color.warningSoft,
530
530
  borderRadius: 6,
531
531
  borderWidth: 1,
532
- borderColor: macOSColors.semantic.warning + "30"
532
+ borderColor: night.color.warning + "30"
533
533
  },
534
534
  sizeWarningDanger: {
535
- backgroundColor: macOSColors.semantic.errorBackground,
536
- borderColor: macOSColors.semantic.error + "30"
535
+ backgroundColor: night.color.dangerSoft,
536
+ borderColor: night.color.danger + "30"
537
537
  },
538
538
  sizeWarningText: {
539
539
  fontSize: 11,
@@ -546,13 +546,13 @@ const styles = StyleSheet.create({
546
546
  previewText: {
547
547
  fontFamily: "monospace",
548
548
  fontSize: 11,
549
- color: macOSColors.text.primary,
549
+ color: night.color.text,
550
550
  lineHeight: 18
551
551
  },
552
552
  statusLabel: {
553
553
  fontSize: 11,
554
554
  fontWeight: "600",
555
- color: macOSColors.text.muted,
555
+ color: night.color.textTertiary,
556
556
  marginRight: 8
557
557
  }
558
558
  });
@@ -12,7 +12,7 @@
12
12
 
13
13
  import React, { useState, useEffect, memo } from "react";
14
14
  import { View, Text, StyleSheet } from "react-native";
15
- import { Activity, buoyColors } from "@buoy-gg/shared-ui";
15
+ import { Activity, night } from "@buoy-gg/shared-ui";
16
16
  import { RenderTracker } from "../utils/RenderTracker";
17
17
 
18
18
  /**
@@ -36,10 +36,10 @@ function StatsDisplayInner() {
36
36
  style: styles.headerChip,
37
37
  children: [/*#__PURE__*/_jsx(Activity, {
38
38
  size: 12,
39
- color: buoyColors.primary
39
+ color: night.color.accent
40
40
  }), /*#__PURE__*/_jsx(Text, {
41
41
  style: [styles.headerChipValue, {
42
- color: buoyColors.primary
42
+ color: night.color.accent
43
43
  }],
44
44
  children: stats.totalComponents
45
45
  })]
@@ -51,12 +51,12 @@ const styles = StyleSheet.create({
51
51
  flexDirection: "row",
52
52
  alignItems: "center",
53
53
  gap: 4,
54
- backgroundColor: buoyColors.hover,
54
+ backgroundColor: night.color.buttonSurface,
55
55
  paddingHorizontal: 8,
56
56
  paddingVertical: 5,
57
57
  borderRadius: 12,
58
58
  borderWidth: 1,
59
- borderColor: buoyColors.border
59
+ borderColor: night.color.border
60
60
  },
61
61
  headerChipValue: {
62
62
  fontSize: 12,
@@ -1 +1 @@
1
- {"version":3,"file":"HighlightFilterView.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightFilterView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAwBrD,OAAO,KAAK,EACV,YAAY,EAGZ,qBAAqB,EAGtB,MAAM,wBAAwB,CAAC;AAOhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,wBAAwB;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACrE,cAAc,EAAE;QACd,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,EAAE,MAAM,EAAE,CAAC;QACzB,mBAAmB,EAAE,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,SAAS,EAAE,aAAa,CAAC;CAC1B;AA+OD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,SAAS,GACV,EAAE,wBAAwB,qBAq3B1B;AAgbD,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"HighlightFilterView.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightFilterView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAwBrD,OAAO,KAAK,EACV,YAAY,EAGZ,qBAAqB,EAGtB,MAAM,wBAAwB,CAAC;AAOhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,wBAAwB;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACrE,cAAc,EAAE;QACd,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,EAAE,MAAM,EAAE,CAAC;QACzB,mBAAmB,EAAE,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,SAAS,EAAE,aAAa,CAAC;CAC1B;AA+OD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,SAAS,GACV,EAAE,wBAAwB,qBAq3B1B;AAibD,eAAe,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HighlightUpdatesModal.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightUpdatesModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,EAAiB,KAAK,aAAa,EAAqE,MAAM,wBAAwB,CAAC;AAe9I,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD;AAcD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,MAAc,GACf,EAAE,0BAA0B,4BAkmB5B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,IAAI,CAAC,0BAA0B,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,qBAK/E;AAsCD,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"HighlightUpdatesModal.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightUpdatesModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,EAAiB,KAAK,aAAa,EAAqE,MAAM,wBAAwB,CAAC;AAe9I,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD;AAcD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,MAAc,GACf,EAAE,0BAA0B,4BAkmB5B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,IAAI,CAAC,0BAA0B,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,qBAK/E;AA0CD,eAAe,qBAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IdentifierBadge.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/IdentifierBadge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAmD,MAAM,oBAAoB,CAAC;AAG1F,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,QAAQ,GACR,UAAU,GACV,WAAW,GACX,oBAAoB,GACpB,WAAW,GACX,KAAK,CAAC;AAGV,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,cAAc,EACd;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,GAAG,CAAA;CAAE,CA4CvE,CAAC;AAEF,UAAU,oBAAoB;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,UAAkB,EAClB,QAAgB,GACjB,EAAE,oBAAoB,qBA2DtB;AAGD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,UAAkB,EAClB,QAAe,GAChB,EAAE,kBAAkB,qBA4BpB;AAuGD,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IdentifierBadge.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/IdentifierBadge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAA0D,MAAM,oBAAoB,CAAC;AAGjG,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,QAAQ,GACR,UAAU,GACV,WAAW,GACX,oBAAoB,GACpB,WAAW,GACX,KAAK,CAAC;AAGV,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,cAAc,EACd;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,GAAG,CAAA;CAAE,CA4CvE,CAAC;AAEF,UAAU,oBAAoB;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,UAAkB,EAClB,QAAgB,GACjB,EAAE,oBAAoB,qBA2DtB;AAGD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,UAAkB,EAClB,QAAe,GAChB,EAAE,kBAAkB,qBA4BpB;AAuGD,eAAe,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"RenderCauseBadge.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/RenderCauseBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG/F,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,WAAW,CAoC7D,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,kBAAkB,EAAE,WAAW,CA0B1E,CAAC;AAEF,UAAU,qBAAqB;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,YAAoB,GACrB,EAAE,qBAAqB,qBA8EvB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;CACpB,qBAmDA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBA6GA;AA8KD,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"RenderCauseBadge.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/RenderCauseBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG/F,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,WAAW,CAoC7D,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,kBAAkB,EAAE,WAAW,CA0B1E,CAAC;AAEF,UAAU,qBAAqB;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,YAAoB,GACrB,EAAE,qBAAqB,qBA8EvB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;CACpB,qBAmDA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBA6GA;AAgLD,eAAe,gBAAgB,CAAC"}