@signiphi/page-assembly 0.2.0-beta.16 → 0.2.0-beta.18

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 (9) hide show
  1. package/dist/index.d.mts +33 -2
  2. package/dist/index.d.ts +33 -2
  3. package/dist/index.js +127 -74
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +128 -75
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles/index.css +182 -163
  8. package/package.json +94 -93
  9. package/src/styles/index.css +164 -109
package/dist/styles/index.css CHANGED
@@ -15,7 +15,6 @@
15
15
  --color-red-700: rgb(191, 0, 15);
16
16
  --color-blue-50: rgb(239, 246, 255);
17
17
  --color-blue-500: rgb(50, 128, 255);
18
- --color-gray-50: rgb(249, 250, 251);
19
18
  --color-gray-100: rgb(243, 244, 246);
20
19
  --color-gray-200: rgb(229, 231, 235);
21
20
  --color-gray-300: rgb(209, 213, 220);
@@ -49,26 +48,6 @@
49
48
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
50
49
  --default-font-family: var(--font-sans);
51
50
  --default-mono-font-family: var(--font-mono);
52
- --color-primary: #0099cd;
53
- --color-primary-foreground: #ffffff;
54
- --color-secondary: #f1f5f9;
55
- --color-secondary-foreground: #0f172a;
56
- --color-destructive: #ef4444;
57
- --color-destructive-foreground: #ffffff;
58
- --color-muted: #f1f5f9;
59
- --color-muted-foreground: #64748b;
60
- --color-accent: #f1f5f9;
61
- --color-accent-foreground: #0f172a;
62
- --color-popover: #ffffff;
63
- --color-popover-foreground: #0f172a;
64
- --color-card: #ffffff;
65
- --color-card-foreground: #0f172a;
66
- --color-border: #e2e8f0;
67
- --color-input: #e2e8f0;
68
- --color-ring: #0099cd;
69
- --color-background: #ffffff;
70
- --color-foreground: #0f172a;
71
- --xpa-border: 214.3 31.8% 91.4%;
72
51
  }
73
52
  @supports (color: color(display-p3 0 0 0%)) {
74
53
  :root:not(#\#), .signiphi-page-assembly:not(#\#) :host {
@@ -309,9 +288,6 @@
309
288
  top: calc(0.25rem * 4);
310
289
  top: calc(var(--spacing) * 4);
311
290
  }
312
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .top-\[50\%\] {
313
- top: 50%;
314
- }
315
291
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .right-1 {
316
292
  right: calc(0.25rem * 1);
317
293
  right: calc(var(--spacing) * 1);
@@ -553,11 +529,6 @@
553
529
  translate: -50% var(--tw-translate-y);
554
530
  translate: var(--tw-translate-x) var(--tw-translate-y);
555
531
  }
556
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .translate-y-\[-50\%\] {
557
- --tw-translate-y: -50%;
558
- translate: var(--tw-translate-x) -50%;
559
- translate: var(--tw-translate-x) var(--tw-translate-y);
560
- }
561
532
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .scale-95 {
562
533
  --tw-scale-x: 95%;
563
534
  --tw-scale-y: 95%;
@@ -710,20 +681,21 @@
710
681
  border-style: dashed;
711
682
  }
712
683
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-border {
713
- border-color: #e2e8f0;
714
- border-color: var(--color-border);
684
+ border-color: hsl(214, 32%, 91%);
685
+ border-color: hsl(var(--xpa-border));
715
686
  }
716
687
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
717
- border-color: rgba(239, 68, 68, 0.5);
688
+ border-color: hsl(0, 84%, 60%);
689
+ border-color: hsl(var(--xpa-destructive));
718
690
  }
719
691
  @supports (color: color-mix(in lab, red, red)) {
720
692
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
721
- border-color: color-mix(in oklab, #ef4444 50%, transparent);
693
+ border-color: color-mix(in oklab, hsl(0, 84%, 60%) 50%, transparent);
722
694
  }
723
695
 
724
696
  @supports (color: color-mix(in lch, red, blue)) {
725
697
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
726
- border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
698
+ border-color: color-mix(in oklab, hsl(var(--xpa-destructive)) 50%, transparent);
727
699
  }
728
700
  }
729
701
  }
@@ -731,29 +703,26 @@
731
703
  border-color: rgb(229, 231, 235);
732
704
  border-color: var(--color-gray-200);
733
705
  }
734
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-gray-300 {
735
- border-color: rgb(209, 213, 220);
736
- border-color: var(--color-gray-300);
737
- }
738
706
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-input {
739
- border-color: #e2e8f0;
740
- border-color: var(--color-input);
707
+ border-color: hsl(214, 32%, 91%);
708
+ border-color: hsl(var(--xpa-input));
741
709
  }
742
710
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-primary {
743
- border-color: #0099cd;
744
- border-color: var(--color-primary);
711
+ border-color: hsl(198, 100%, 40%);
712
+ border-color: hsl(var(--xpa-primary));
745
713
  }
746
714
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-primary\/20 {
747
- border-color: rgba(0, 153, 205, 0.2);
715
+ border-color: hsl(198, 100%, 40%);
716
+ border-color: hsl(var(--xpa-primary));
748
717
  }
749
718
  @supports (color: color-mix(in lab, red, red)) {
750
719
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-primary\/20 {
751
- border-color: color-mix(in oklab, #0099cd 20%, transparent);
720
+ border-color: color-mix(in oklab, hsl(198, 100%, 40%) 20%, transparent);
752
721
  }
753
722
 
754
723
  @supports (color: color-mix(in lch, red, blue)) {
755
724
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-primary\/20 {
756
- border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
725
+ border-color: color-mix(in oklab, hsl(var(--xpa-primary)) 20%, transparent);
757
726
  }
758
727
  }
759
728
  }
@@ -761,8 +730,8 @@
761
730
  border-color: transparent;
762
731
  }
763
732
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-background {
764
- background-color: #ffffff;
765
- background-color: var(--color-background);
733
+ background-color: hsl(0, 0%, 100%);
734
+ background-color: hsl(var(--xpa-background));
766
735
  }
767
736
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-black\/50 {
768
737
  background-color: rgba(0, 0, 0, 0.5);
@@ -797,74 +766,73 @@
797
766
  background-color: var(--color-blue-50);
798
767
  }
799
768
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-card {
800
- background-color: #ffffff;
801
- background-color: var(--color-card);
769
+ background-color: hsl(0, 0%, 100%);
770
+ background-color: hsl(var(--xpa-card));
771
+ }
772
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-card\/90 {
773
+ background-color: hsl(0, 0%, 100%);
774
+ background-color: hsl(var(--xpa-card));
775
+ }
776
+ @supports (color: color-mix(in lab, red, red)) {
777
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-card\/90 {
778
+ background-color: color-mix(in oklab, hsl(0, 0%, 100%) 90%, transparent);
779
+ }
780
+
781
+ @supports (color: color-mix(in lch, red, blue)) {
782
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-card\/90 {
783
+ background-color: color-mix(in oklab, hsl(var(--xpa-card)) 90%, transparent);
784
+ }
785
+ }
802
786
  }
803
787
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive {
804
- background-color: #ef4444;
805
- background-color: var(--color-destructive);
788
+ background-color: hsl(0, 84%, 60%);
789
+ background-color: hsl(var(--xpa-destructive));
806
790
  }
807
791
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
808
- background-color: rgba(239, 68, 68, 0.05);
792
+ background-color: hsl(0, 84%, 60%);
793
+ background-color: hsl(var(--xpa-destructive));
809
794
  }
810
795
  @supports (color: color-mix(in lab, red, red)) {
811
796
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
812
- background-color: color-mix(in oklab, #ef4444 5%, transparent);
797
+ background-color: color-mix(in oklab, hsl(0, 84%, 60%) 5%, transparent);
813
798
  }
814
799
 
815
800
  @supports (color: color-mix(in lch, red, blue)) {
816
801
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
817
- background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
802
+ background-color: color-mix(in oklab, hsl(var(--xpa-destructive)) 5%, transparent);
818
803
  }
819
804
  }
820
805
  }
821
806
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-muted {
822
- background-color: #f1f5f9;
823
- background-color: var(--color-muted);
807
+ background-color: hsl(210, 40%, 96%);
808
+ background-color: hsl(var(--xpa-muted));
824
809
  }
825
810
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-popover {
826
- background-color: #ffffff;
827
- background-color: var(--color-popover);
811
+ background-color: hsl(0, 0%, 100%);
812
+ background-color: hsl(var(--xpa-popover));
828
813
  }
829
814
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-primary {
830
- background-color: #0099cd;
831
- background-color: var(--color-primary);
815
+ background-color: hsl(198, 100%, 40%);
816
+ background-color: hsl(var(--xpa-primary));
832
817
  }
833
818
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-primary\/20 {
834
- background-color: rgba(0, 153, 205, 0.2);
819
+ background-color: hsl(198, 100%, 40%);
820
+ background-color: hsl(var(--xpa-primary));
835
821
  }
836
822
  @supports (color: color-mix(in lab, red, red)) {
837
823
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-primary\/20 {
838
- background-color: color-mix(in oklab, #0099cd 20%, transparent);
824
+ background-color: color-mix(in oklab, hsl(198, 100%, 40%) 20%, transparent);
839
825
  }
840
826
 
841
827
  @supports (color: color-mix(in lch, red, blue)) {
842
828
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-primary\/20 {
843
- background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
829
+ background-color: color-mix(in oklab, hsl(var(--xpa-primary)) 20%, transparent);
844
830
  }
845
831
  }
846
832
  }
847
833
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-secondary {
848
- background-color: #f1f5f9;
849
- background-color: var(--color-secondary);
850
- }
851
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-white {
852
- background-color: #fff;
853
- background-color: var(--color-white);
854
- }
855
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-white\/90 {
856
- background-color: rgba(255, 255, 255, 0.9);
857
- }
858
- @supports (color: color-mix(in lab, red, red)) {
859
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-white\/90 {
860
- background-color: color-mix(in oklab, #fff 90%, transparent);
861
- }
862
-
863
- @supports (color: color-mix(in lch, red, blue)) {
864
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-white\/90 {
865
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
866
- }
867
- }
834
+ background-color: hsl(210, 40%, 96%);
835
+ background-color: hsl(var(--xpa-secondary));
868
836
  }
869
837
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .fill-current {
870
838
  fill: currentcolor;
@@ -1037,20 +1005,20 @@
1037
1005
  color: var(--color-blue-500);
1038
1006
  }
1039
1007
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-card-foreground {
1040
- color: #0f172a;
1041
- color: var(--color-card-foreground);
1008
+ color: hsl(222, 84%, 5%);
1009
+ color: hsl(var(--xpa-card-foreground));
1042
1010
  }
1043
1011
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-destructive {
1044
- color: #ef4444;
1045
- color: var(--color-destructive);
1012
+ color: hsl(0, 84%, 60%);
1013
+ color: hsl(var(--xpa-destructive));
1046
1014
  }
1047
1015
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-destructive-foreground {
1048
- color: #ffffff;
1049
- color: var(--color-destructive-foreground);
1016
+ color: hsl(0, 0%, 100%);
1017
+ color: hsl(var(--xpa-destructive-foreground));
1050
1018
  }
1051
1019
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-foreground {
1052
- color: #0f172a;
1053
- color: var(--color-foreground);
1020
+ color: hsl(222, 84%, 5%);
1021
+ color: hsl(var(--xpa-foreground));
1054
1022
  }
1055
1023
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-gray-400 {
1056
1024
  color: rgb(153, 161, 175);
@@ -1069,20 +1037,20 @@
1069
1037
  color: var(--color-gray-900);
1070
1038
  }
1071
1039
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-muted-foreground {
1072
- color: #64748b;
1073
- color: var(--color-muted-foreground);
1040
+ color: hsl(215, 16%, 47%);
1041
+ color: hsl(var(--xpa-muted-foreground));
1074
1042
  }
1075
1043
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-popover-foreground {
1076
- color: #0f172a;
1077
- color: var(--color-popover-foreground);
1044
+ color: hsl(222, 84%, 5%);
1045
+ color: hsl(var(--xpa-popover-foreground));
1078
1046
  }
1079
1047
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-primary {
1080
- color: #0099cd;
1081
- color: var(--color-primary);
1048
+ color: hsl(198, 100%, 40%);
1049
+ color: hsl(var(--xpa-primary));
1082
1050
  }
1083
1051
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-primary-foreground {
1084
- color: #ffffff;
1085
- color: var(--color-primary-foreground);
1052
+ color: hsl(0, 0%, 100%);
1053
+ color: hsl(var(--xpa-primary-foreground));
1086
1054
  }
1087
1055
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-red-500 {
1088
1056
  color: rgb(251, 44, 54);
@@ -1094,8 +1062,8 @@
1094
1062
  color: var(--color-red-600);
1095
1063
  }
1096
1064
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-secondary-foreground {
1097
- color: #0f172a;
1098
- color: var(--color-secondary-foreground);
1065
+ color: hsl(222, 47%, 11%);
1066
+ color: hsl(var(--xpa-secondary-foreground));
1099
1067
  }
1100
1068
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-white {
1101
1069
  color: #fff;
@@ -1140,7 +1108,7 @@
1140
1108
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1141
1109
  }
1142
1110
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .ring-offset-background {
1143
- --tw-ring-offset-color: var(--color-background);
1111
+ --tw-ring-offset-color: hsl(var(--xpa-background));
1144
1112
  }
1145
1113
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .outline {
1146
1114
  outline-style: var(--tw-outline-style);
@@ -1210,12 +1178,12 @@
1210
1178
  font-weight: var(--font-weight-medium);
1211
1179
  }
1212
1180
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .placeholder\:text-muted-foreground)::-moz-placeholder {
1213
- color: #64748b;
1214
- color: var(--color-muted-foreground);
1181
+ color: hsl(215, 16%, 47%);
1182
+ color: hsl(var(--xpa-muted-foreground));
1215
1183
  }
1216
1184
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .placeholder\:text-muted-foreground)::placeholder {
1217
- color: #64748b;
1218
- color: var(--color-muted-foreground);
1185
+ color: hsl(215, 16%, 47%);
1186
+ color: hsl(var(--xpa-muted-foreground));
1219
1187
  }
1220
1188
  @media (hover: hover) {
1221
1189
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-gray-300):hover {
@@ -1225,54 +1193,57 @@
1225
1193
  }
1226
1194
  @media (hover: hover) {
1227
1195
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1228
- border-color: rgba(0, 153, 205, 0.6);
1196
+ border-color: hsl(198, 100%, 40%);
1197
+ border-color: hsl(var(--xpa-primary));
1229
1198
  }
1230
1199
  @supports (color: color-mix(in lab, red, red)) {
1231
1200
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1232
- border-color: color-mix(in oklab, #0099cd 60%, transparent);
1201
+ border-color: color-mix(in oklab, hsl(198, 100%, 40%) 60%, transparent);
1233
1202
  }
1234
1203
 
1235
1204
  @supports (color: color-mix(in lch, red, blue)) {
1236
1205
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1237
- border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
1206
+ border-color: color-mix(in oklab, hsl(var(--xpa-primary)) 60%, transparent);
1238
1207
  }
1239
1208
  }
1240
1209
  }
1241
1210
  }
1242
1211
  @media (hover: hover) {
1243
1212
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-accent):hover {
1244
- background-color: #f1f5f9;
1245
- background-color: var(--color-accent);
1213
+ background-color: hsl(210, 40%, 96%);
1214
+ background-color: hsl(var(--xpa-accent));
1246
1215
  }
1247
1216
  }
1248
1217
  @media (hover: hover) {
1249
1218
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/80):hover {
1250
- background-color: rgba(239, 68, 68, 0.8);
1219
+ background-color: hsl(0, 84%, 60%);
1220
+ background-color: hsl(var(--xpa-destructive));
1251
1221
  }
1252
1222
  @supports (color: color-mix(in lab, red, red)) {
1253
1223
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/80):hover {
1254
- background-color: color-mix(in oklab, #ef4444 80%, transparent);
1224
+ background-color: color-mix(in oklab, hsl(0, 84%, 60%) 80%, transparent);
1255
1225
  }
1256
1226
 
1257
1227
  @supports (color: color-mix(in lch, red, blue)) {
1258
1228
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/80):hover {
1259
- background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent);
1229
+ background-color: color-mix(in oklab, hsl(var(--xpa-destructive)) 80%, transparent);
1260
1230
  }
1261
1231
  }
1262
1232
  }
1263
1233
  }
1264
1234
  @media (hover: hover) {
1265
1235
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/90):hover {
1266
- background-color: rgba(239, 68, 68, 0.9);
1236
+ background-color: hsl(0, 84%, 60%);
1237
+ background-color: hsl(var(--xpa-destructive));
1267
1238
  }
1268
1239
  @supports (color: color-mix(in lab, red, red)) {
1269
1240
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/90):hover {
1270
- background-color: color-mix(in oklab, #ef4444 90%, transparent);
1241
+ background-color: color-mix(in oklab, hsl(0, 84%, 60%) 90%, transparent);
1271
1242
  }
1272
1243
 
1273
1244
  @supports (color: color-mix(in lch, red, blue)) {
1274
1245
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-destructive\/90):hover {
1275
- background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
1246
+ background-color: color-mix(in oklab, hsl(var(--xpa-destructive)) 90%, transparent);
1276
1247
  }
1277
1248
  }
1278
1249
  }
@@ -1285,48 +1256,51 @@
1285
1256
  }
1286
1257
  @media (hover: hover) {
1287
1258
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1288
- background-color: rgba(0, 153, 205, 0.1);
1259
+ background-color: hsl(198, 100%, 40%);
1260
+ background-color: hsl(var(--xpa-primary));
1289
1261
  }
1290
1262
  @supports (color: color-mix(in lab, red, red)) {
1291
1263
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1292
- background-color: color-mix(in oklab, #0099cd 10%, transparent);
1264
+ background-color: color-mix(in oklab, hsl(198, 100%, 40%) 10%, transparent);
1293
1265
  }
1294
1266
 
1295
1267
  @supports (color: color-mix(in lch, red, blue)) {
1296
1268
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1297
- background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
1269
+ background-color: color-mix(in oklab, hsl(var(--xpa-primary)) 10%, transparent);
1298
1270
  }
1299
1271
  }
1300
1272
  }
1301
1273
  }
1302
1274
  @media (hover: hover) {
1303
1275
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/80):hover {
1304
- background-color: rgba(0, 153, 205, 0.8);
1276
+ background-color: hsl(198, 100%, 40%);
1277
+ background-color: hsl(var(--xpa-primary));
1305
1278
  }
1306
1279
  @supports (color: color-mix(in lab, red, red)) {
1307
1280
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/80):hover {
1308
- background-color: color-mix(in oklab, #0099cd 80%, transparent);
1281
+ background-color: color-mix(in oklab, hsl(198, 100%, 40%) 80%, transparent);
1309
1282
  }
1310
1283
 
1311
1284
  @supports (color: color-mix(in lch, red, blue)) {
1312
1285
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/80):hover {
1313
- background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
1286
+ background-color: color-mix(in oklab, hsl(var(--xpa-primary)) 80%, transparent);
1314
1287
  }
1315
1288
  }
1316
1289
  }
1317
1290
  }
1318
1291
  @media (hover: hover) {
1319
1292
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/90):hover {
1320
- background-color: rgba(0, 153, 205, 0.9);
1293
+ background-color: hsl(198, 100%, 40%);
1294
+ background-color: hsl(var(--xpa-primary));
1321
1295
  }
1322
1296
  @supports (color: color-mix(in lab, red, red)) {
1323
1297
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/90):hover {
1324
- background-color: color-mix(in oklab, #0099cd 90%, transparent);
1298
+ background-color: color-mix(in oklab, hsl(198, 100%, 40%) 90%, transparent);
1325
1299
  }
1326
1300
 
1327
1301
  @supports (color: color-mix(in lch, red, blue)) {
1328
1302
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/90):hover {
1329
- background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
1303
+ background-color: color-mix(in oklab, hsl(var(--xpa-primary)) 90%, transparent);
1330
1304
  }
1331
1305
  }
1332
1306
  }
@@ -1339,24 +1313,25 @@
1339
1313
  }
1340
1314
  @media (hover: hover) {
1341
1315
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-secondary\/80):hover {
1342
- background-color: rgba(241, 245, 249, 0.8);
1316
+ background-color: hsl(210, 40%, 96%);
1317
+ background-color: hsl(var(--xpa-secondary));
1343
1318
  }
1344
1319
  @supports (color: color-mix(in lab, red, red)) {
1345
1320
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-secondary\/80):hover {
1346
- background-color: color-mix(in oklab, #f1f5f9 80%, transparent);
1321
+ background-color: color-mix(in oklab, hsl(210, 40%, 96%) 80%, transparent);
1347
1322
  }
1348
1323
 
1349
1324
  @supports (color: color-mix(in lch, red, blue)) {
1350
1325
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-secondary\/80):hover {
1351
- background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
1326
+ background-color: color-mix(in oklab, hsl(var(--xpa-secondary)) 80%, transparent);
1352
1327
  }
1353
1328
  }
1354
1329
  }
1355
1330
  }
1356
1331
  @media (hover: hover) {
1357
1332
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:text-accent-foreground):hover {
1358
- color: #0f172a;
1359
- color: var(--color-accent-foreground);
1333
+ color: hsl(222, 47%, 11%);
1334
+ color: hsl(var(--xpa-accent-foreground));
1360
1335
  }
1361
1336
  }
1362
1337
  @media (hover: hover) {
@@ -1377,20 +1352,20 @@
1377
1352
  }
1378
1353
  }
1379
1354
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:border-primary):focus {
1380
- border-color: #0099cd;
1381
- border-color: var(--color-primary);
1355
+ border-color: hsl(198, 100%, 40%);
1356
+ border-color: hsl(var(--xpa-primary));
1382
1357
  }
1383
1358
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:bg-accent):focus {
1384
- background-color: #f1f5f9;
1385
- background-color: var(--color-accent);
1359
+ background-color: hsl(210, 40%, 96%);
1360
+ background-color: hsl(var(--xpa-accent));
1386
1361
  }
1387
1362
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:bg-red-50):focus {
1388
1363
  background-color: rgb(254, 242, 242);
1389
1364
  background-color: var(--color-red-50);
1390
1365
  }
1391
1366
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:text-accent-foreground):focus {
1392
- color: #0f172a;
1393
- color: var(--color-accent-foreground);
1367
+ color: hsl(222, 47%, 11%);
1368
+ color: hsl(var(--xpa-accent-foreground));
1394
1369
  }
1395
1370
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:text-red-700):focus {
1396
1371
  color: rgb(191, 0, 15);
@@ -1411,10 +1386,10 @@
1411
1386
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1412
1387
  }
1413
1388
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:ring-primary):focus {
1414
- --tw-ring-color: var(--color-primary);
1389
+ --tw-ring-color: hsl(var(--xpa-primary));
1415
1390
  }
1416
1391
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:ring-ring):focus {
1417
- --tw-ring-color: var(--color-ring);
1392
+ --tw-ring-color: hsl(var(--xpa-ring));
1418
1393
  }
1419
1394
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus\:ring-offset-2):focus {
1420
1395
  --tw-ring-offset-width: 2px;
@@ -1425,8 +1400,8 @@
1425
1400
  outline-style: none;
1426
1401
  }
1427
1402
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus-visible\:border-primary):focus-visible {
1428
- border-color: #0099cd;
1429
- border-color: var(--color-primary);
1403
+ border-color: hsl(198, 100%, 40%);
1404
+ border-color: hsl(var(--xpa-primary));
1430
1405
  }
1431
1406
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus-visible\:shadow-\[0_0_0_3px_rgba\(0\,153\,205\,0\.15\)\]):focus-visible {
1432
1407
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(0,153,205,0.15));
@@ -1442,7 +1417,7 @@
1442
1417
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1443
1418
  }
1444
1419
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus-visible\:ring-ring):focus-visible {
1445
- --tw-ring-color: var(--color-ring);
1420
+ --tw-ring-color: hsl(var(--xpa-ring));
1446
1421
  }
1447
1422
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .focus-visible\:ring-offset-2):focus-visible {
1448
1423
  --tw-ring-offset-width: 2px;
@@ -1488,8 +1463,8 @@
1488
1463
  translate: var(--tw-translate-x) var(--tw-translate-y);
1489
1464
  }
1490
1465
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) [data-state="open"]:is(.signiphi-page-assembly .data-\[state\=open\]\:bg-accent) {
1491
- background-color: #f1f5f9;
1492
- background-color: var(--color-accent);
1466
+ background-color: hsl(210, 40%, 96%);
1467
+ background-color: hsl(var(--xpa-accent));
1493
1468
  }
1494
1469
  @media (min-width: 40rem) {
1495
1470
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .sm\:mt-0 {
@@ -1579,15 +1554,59 @@
1579
1554
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .\[\&\>svg\]\:shrink-0) > svg {
1580
1555
  flex-shrink: 0;
1581
1556
  }
1557
+ :root:not(#\#):not(#\#) {
1558
+ --xpa-background: 0 0% 100%;
1559
+ --xpa-foreground: 222.2 84% 4.9%;
1560
+ --xpa-card: 0 0% 100%;
1561
+ --xpa-card-foreground: 222.2 84% 4.9%;
1562
+ --xpa-popover: 0 0% 100%;
1563
+ --xpa-popover-foreground: 222.2 84% 4.9%;
1564
+ --xpa-primary: 198 100% 40%;
1565
+ --xpa-primary-foreground: 0 0% 100%;
1566
+ --xpa-secondary: 210 40% 96.1%;
1567
+ --xpa-secondary-foreground: 222.2 47.4% 11.2%;
1568
+ --xpa-muted: 210 40% 96.1%;
1569
+ --xpa-muted-foreground: 215.4 16.3% 46.9%;
1570
+ --xpa-accent: 210 40% 96.1%;
1571
+ --xpa-accent-foreground: 222.2 47.4% 11.2%;
1572
+ --xpa-destructive: 0 84.2% 60.2%;
1573
+ --xpa-destructive-foreground: 0 0% 100%;
1574
+ --xpa-border: 214.3 31.8% 91.4%;
1575
+ --xpa-input: 214.3 31.8% 91.4%;
1576
+ --xpa-ring: 198 100% 40%;
1577
+ --xpa-radius: 0.5rem;
1578
+ }
1579
+ :root[data-theme="dark"]:not(#\#):not(#\#),
1580
+ :root.dark:not(#\#):not(#\#) {
1581
+ --xpa-background: 222.2 47.4% 11.2%;
1582
+ --xpa-foreground: 210 40% 98%;
1583
+ --xpa-card: 222.2 47.4% 11.2%;
1584
+ --xpa-card-foreground: 210 40% 98%;
1585
+ --xpa-popover: 222.2 47.4% 11.2%;
1586
+ --xpa-popover-foreground: 210 40% 98%;
1587
+ --xpa-primary: 198 100% 40%;
1588
+ --xpa-primary-foreground: 210 40% 98%;
1589
+ --xpa-secondary: 217.2 32.6% 17.5%;
1590
+ --xpa-secondary-foreground: 210 40% 98%;
1591
+ --xpa-muted: 217.2 32.6% 17.5%;
1592
+ --xpa-muted-foreground: 215 20.2% 65.1%;
1593
+ --xpa-accent: 217.2 32.6% 17.5%;
1594
+ --xpa-accent-foreground: 210 40% 98%;
1595
+ --xpa-destructive: 0 62.8% 30.6%;
1596
+ --xpa-destructive-foreground: 210 40% 98%;
1597
+ --xpa-border: 217.2 32.6% 17.5%;
1598
+ --xpa-input: 217.2 32.6% 17.5%;
1599
+ --xpa-ring: 198 100% 40%;
1600
+ }
1582
1601
  .signiphi-page-assembly:not(#\#):not(#\#) * {
1583
- border-color: #e2e8f0;
1584
- border-color: var(--color-border);
1602
+ border-color: hsl(214, 32%, 91%);
1603
+ border-color: hsl(var(--xpa-border));
1585
1604
  }
1586
1605
  .signiphi-page-assembly:not(#\#):not(#\#) body {
1587
- background-color: #ffffff;
1588
- background-color: var(--color-background);
1589
- color: #0f172a;
1590
- color: var(--color-foreground);
1606
+ background-color: hsl(0, 0%, 100%);
1607
+ background-color: hsl(var(--xpa-background));
1608
+ color: hsl(222, 84%, 5%);
1609
+ color: hsl(var(--xpa-foreground));
1591
1610
  }
1592
1611
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .animate-spin {
1593
1612
  animation: spin 1s linear infinite;
@@ -1622,10 +1641,10 @@
1622
1641
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1623
1642
  }
1624
1643
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-button-active {
1625
- background-color: #0099cd;
1626
- background-color: var(--color-primary);
1627
- color: #ffffff;
1628
- color: var(--color-primary-foreground);
1644
+ background-color: hsl(198, 100%, 40%);
1645
+ background-color: hsl(var(--xpa-primary));
1646
+ color: hsl(0, 0%, 100%);
1647
+ color: hsl(var(--xpa-primary-foreground));
1629
1648
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
1630
1649
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
1631
1650
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1633,17 +1652,17 @@
1633
1652
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-button-inactive {
1634
1653
  border-style: var(--tw-border-style);
1635
1654
  border-width: 1px;
1636
- border-color: rgb(209, 213, 220);
1637
- border-color: var(--color-gray-300);
1638
- background-color: #fff;
1639
- background-color: var(--color-white);
1640
- color: rgb(54, 65, 83);
1641
- color: var(--color-gray-700);
1655
+ border-color: hsl(214, 32%, 91%);
1656
+ border-color: hsl(var(--xpa-border));
1657
+ background-color: hsl(0, 0%, 100%);
1658
+ background-color: hsl(var(--xpa-card));
1659
+ color: hsl(222, 84%, 5%);
1660
+ color: hsl(var(--xpa-foreground));
1642
1661
  }
1643
1662
  @media (hover: hover) {
1644
1663
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .tab-button-inactive):hover {
1645
- background-color: rgb(249, 250, 251);
1646
- background-color: var(--color-gray-50);
1664
+ background-color: hsl(210, 40%, 96%);
1665
+ background-color: hsl(var(--xpa-muted));
1647
1666
  }
1648
1667
  }
1649
1668
  @property --tw-translate-x {
@@ -1838,4 +1857,4 @@
1838
1857
  --tw-duration: initial;
1839
1858
  --tw-space-x-reverse: 0;
1840
1859
  }
1841
- }
1860
+ }