@rovula/ui 0.1.6 → 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/bundle.css +361 -355
- package/dist/cjs/bundle.js +171 -171
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/utils/colors.d.ts +267 -267
- package/dist/components/Switch/Switch.styles.js +1 -1
- package/dist/esm/bundle.css +361 -355
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/utils/colors.d.ts +267 -267
- package/dist/index.d.ts +267 -267
- package/dist/src/theme/global.css +2396 -2540
- package/dist/utils/colors.js +267 -267
- package/package.json +1 -1
- package/src/components/Button/Buttons.stories.tsx +15 -7
- package/src/components/Switch/Switch.styles.ts +1 -1
- package/src/theme/THEME_MAPPING.md +36 -37
- package/src/theme/global.css +7 -3
- package/src/theme/presets/colors.js +26 -28
- package/src/theme/themes/skyller/baseline.css +0 -4
- package/src/theme/themes/variable-mapping.css +1064 -0
- package/src/theme/themes/variable.css +248 -230
- package/src/theme/themes/xspector/baseline.css +0 -4
- package/src/theme/themes/xspector/components/dropdown-menu.css +4 -4
- package/src/theme/tokens/baseline.css +0 -3
- package/src/theme/tokens/color.css +34 -63
- package/src/theme/tokens/components/action-button.css +6 -6
- package/src/theme/tokens/components/button.css +189 -189
- package/src/theme/tokens/components/dropdown-menu.css +2 -2
- package/src/theme/tokens/components/footer.css +1 -1
- package/src/theme/tokens/components/switch.css +10 -10
- package/src/theme/tokens/typography.css +28 -28
- package/src/theme/tokens_old/baseline.css +13 -0
- package/src/theme/tokens_old/color.css +78 -0
- package/src/theme/tokens_old/components/action-button.css +127 -0
- package/src/theme/tokens_old/components/button.css +512 -0
- package/src/theme/tokens_old/components/dropdown-menu.css +27 -0
- package/src/theme/tokens_old/components/footer.css +9 -0
- package/src/theme/tokens_old/components/loading.css +11 -0
- package/src/theme/tokens_old/components/navbar.css +9 -0
- package/src/theme/tokens_old/components/progress-bar.css +8 -0
- package/src/theme/tokens_old/components/switch.css +29 -0
- package/src/theme/tokens_old/typography.css +199 -0
- package/src/theme/tokens_old/variables.css +28 -0
- package/src/theme/utils.js +16 -16
- package/src/utils/colors.ts +275 -278
- package/src/theme/themes/skyller/color.css +0 -79
- package/src/theme/themes/skyller/palette.css +0 -143
- package/src/theme/themes/skyller/state.css +0 -94
- package/src/theme/themes/skyller/transparent.css +0 -94
- package/src/theme/themes/xspector/color.css +0 -83
- package/src/theme/themes/xspector/palette.css +0 -142
- package/src/theme/themes/xspector/state.css +0 -94
- package/src/theme/themes/xspector/transparent.css +0 -93
- /package/src/theme/{tokens → tokens_old}/palette.css +0 -0
- /package/src/theme/{tokens → tokens_old}/state.css +0 -0
- /package/src/theme/{tokens → tokens_old}/transparent.css +0 -0
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
--state-error-text-pressed-skyller: #991b1b;
|
|
258
258
|
--state-disable-solid-xspector: #454f5b;
|
|
259
259
|
--state-disable-solid-report-xspector-light-mode: #d3dadf;
|
|
260
|
-
--state-disable-solid-skyller: #
|
|
260
|
+
--state-disable-solid-skyller: #cfcfcf;
|
|
261
261
|
--state-disable-outline-xspector: #637381;
|
|
262
262
|
--state-disable-outline-report-xspector-light-mode: #9dabb5;
|
|
263
263
|
--state-disable-outline-skyller: #a3a3a3;
|
|
@@ -618,228 +618,228 @@
|
|
|
618
618
|
--ramps-error-950-xspector: #4b0c04;
|
|
619
619
|
--ramps-error-950-report-xspector-light-mode: #4b0c04;
|
|
620
620
|
--ramps-error-950-skyller: #410a0a;
|
|
621
|
-
--
|
|
622
|
-
--
|
|
623
|
-
--
|
|
624
|
-
--
|
|
625
|
-
--
|
|
626
|
-
--
|
|
627
|
-
--
|
|
628
|
-
--
|
|
629
|
-
--
|
|
630
|
-
--
|
|
631
|
-
--
|
|
632
|
-
--
|
|
633
|
-
--
|
|
634
|
-
--
|
|
635
|
-
--
|
|
636
|
-
--
|
|
637
|
-
--
|
|
638
|
-
--
|
|
639
|
-
--
|
|
640
|
-
--
|
|
641
|
-
--
|
|
642
|
-
--
|
|
643
|
-
--
|
|
644
|
-
--
|
|
645
|
-
--
|
|
646
|
-
--
|
|
647
|
-
--
|
|
648
|
-
--
|
|
649
|
-
--
|
|
650
|
-
--
|
|
651
|
-
--
|
|
652
|
-
--
|
|
653
|
-
--
|
|
654
|
-
--
|
|
655
|
-
--
|
|
656
|
-
--
|
|
657
|
-
--
|
|
658
|
-
--
|
|
659
|
-
--
|
|
660
|
-
--
|
|
661
|
-
--
|
|
662
|
-
--
|
|
663
|
-
--
|
|
664
|
-
--
|
|
665
|
-
--
|
|
666
|
-
--
|
|
667
|
-
--
|
|
668
|
-
--
|
|
669
|
-
--
|
|
670
|
-
--
|
|
671
|
-
--
|
|
672
|
-
--
|
|
673
|
-
--
|
|
674
|
-
--
|
|
675
|
-
--
|
|
676
|
-
--
|
|
677
|
-
--
|
|
678
|
-
--
|
|
679
|
-
--
|
|
680
|
-
--
|
|
681
|
-
--
|
|
682
|
-
--
|
|
683
|
-
--
|
|
684
|
-
--
|
|
685
|
-
--
|
|
686
|
-
--
|
|
687
|
-
--
|
|
688
|
-
--
|
|
689
|
-
--
|
|
690
|
-
--
|
|
691
|
-
--
|
|
692
|
-
--
|
|
693
|
-
--
|
|
694
|
-
--
|
|
695
|
-
--
|
|
696
|
-
--
|
|
697
|
-
--
|
|
698
|
-
--
|
|
699
|
-
--
|
|
700
|
-
--
|
|
701
|
-
--
|
|
702
|
-
--
|
|
703
|
-
--
|
|
704
|
-
--
|
|
705
|
-
--
|
|
706
|
-
--
|
|
707
|
-
--
|
|
708
|
-
--
|
|
709
|
-
--
|
|
710
|
-
--
|
|
711
|
-
--
|
|
712
|
-
--
|
|
713
|
-
--
|
|
714
|
-
--
|
|
715
|
-
--
|
|
716
|
-
--
|
|
717
|
-
--
|
|
718
|
-
--
|
|
719
|
-
--
|
|
720
|
-
--
|
|
721
|
-
--
|
|
722
|
-
--
|
|
723
|
-
--
|
|
724
|
-
--
|
|
725
|
-
--
|
|
726
|
-
--
|
|
727
|
-
--
|
|
728
|
-
--
|
|
729
|
-
--
|
|
730
|
-
--
|
|
731
|
-
--
|
|
732
|
-
--
|
|
733
|
-
--
|
|
734
|
-
--
|
|
735
|
-
--
|
|
736
|
-
--
|
|
737
|
-
--
|
|
738
|
-
--
|
|
739
|
-
--
|
|
740
|
-
--
|
|
741
|
-
--
|
|
742
|
-
--
|
|
743
|
-
--
|
|
744
|
-
--
|
|
745
|
-
--
|
|
746
|
-
--
|
|
747
|
-
--
|
|
748
|
-
--
|
|
749
|
-
--
|
|
750
|
-
--
|
|
751
|
-
--
|
|
752
|
-
--
|
|
753
|
-
--
|
|
754
|
-
--
|
|
755
|
-
--
|
|
756
|
-
--
|
|
757
|
-
--
|
|
758
|
-
--
|
|
759
|
-
--
|
|
760
|
-
--
|
|
761
|
-
--
|
|
762
|
-
--
|
|
763
|
-
--
|
|
764
|
-
--
|
|
765
|
-
--
|
|
766
|
-
--
|
|
767
|
-
--
|
|
768
|
-
--
|
|
769
|
-
--
|
|
770
|
-
--
|
|
771
|
-
--
|
|
772
|
-
--
|
|
773
|
-
--
|
|
774
|
-
--
|
|
775
|
-
--
|
|
776
|
-
--
|
|
777
|
-
--
|
|
778
|
-
--
|
|
779
|
-
--
|
|
780
|
-
--
|
|
781
|
-
--
|
|
782
|
-
--
|
|
783
|
-
--
|
|
784
|
-
--
|
|
785
|
-
--
|
|
786
|
-
--
|
|
787
|
-
--
|
|
788
|
-
--
|
|
789
|
-
--
|
|
790
|
-
--
|
|
791
|
-
--
|
|
792
|
-
--
|
|
793
|
-
--
|
|
794
|
-
--
|
|
795
|
-
--
|
|
796
|
-
--
|
|
797
|
-
--
|
|
798
|
-
--
|
|
799
|
-
--
|
|
800
|
-
--
|
|
801
|
-
--
|
|
802
|
-
--
|
|
803
|
-
--
|
|
804
|
-
--
|
|
805
|
-
--
|
|
806
|
-
--
|
|
807
|
-
--
|
|
808
|
-
--
|
|
809
|
-
--
|
|
810
|
-
--
|
|
811
|
-
--
|
|
812
|
-
--
|
|
813
|
-
--
|
|
814
|
-
--
|
|
815
|
-
--
|
|
816
|
-
--
|
|
817
|
-
--
|
|
818
|
-
--
|
|
819
|
-
--
|
|
820
|
-
--
|
|
821
|
-
--
|
|
822
|
-
--
|
|
823
|
-
--
|
|
824
|
-
--
|
|
825
|
-
--
|
|
826
|
-
--
|
|
827
|
-
--
|
|
828
|
-
--
|
|
829
|
-
--
|
|
830
|
-
--
|
|
831
|
-
--
|
|
832
|
-
--
|
|
833
|
-
--
|
|
834
|
-
--
|
|
835
|
-
--
|
|
836
|
-
--
|
|
837
|
-
--
|
|
838
|
-
--
|
|
839
|
-
--
|
|
840
|
-
--
|
|
841
|
-
--
|
|
842
|
-
--
|
|
621
|
+
--transparent-primary-8-xspector: rgba(221 205 0 / 0.08);
|
|
622
|
+
--transparent-primary-8-report-xspector-light-mode: rgba(30 50 73 / 0.08);
|
|
623
|
+
--transparent-primary-8-skyller: rgba(37 99 235 / 0.08);
|
|
624
|
+
--transparent-primary-12-xspector: rgba(221 205 0 / 0.12);
|
|
625
|
+
--transparent-primary-12-report-xspector-light-mode: rgba(30 50 73 / 0.12);
|
|
626
|
+
--transparent-primary-12-skyller: rgba(37 99 235 / 0.12);
|
|
627
|
+
--transparent-primary-16-xspector: rgba(221 205 0 / 0.16);
|
|
628
|
+
--transparent-primary-16-report-xspector-light-mode: rgba(30 50 73 / 0.16);
|
|
629
|
+
--transparent-primary-16-skyller: rgba(37 99 235 / 0.16);
|
|
630
|
+
--transparent-primary-24-xspector: rgba(221 205 0 / 0.24);
|
|
631
|
+
--transparent-primary-24-report-xspector-light-mode: rgba(30 50 73 / 0.24);
|
|
632
|
+
--transparent-primary-24-skyller: rgba(37 99 235 / 0.24);
|
|
633
|
+
--transparent-primary-32-xspector: rgba(221 205 0 / 0.32);
|
|
634
|
+
--transparent-primary-32-report-xspector-light-mode: rgba(30 50 73 / 0.32);
|
|
635
|
+
--transparent-primary-32-skyller: rgba(37 99 235 / 0.32);
|
|
636
|
+
--transparent-primary-48-xspector: rgba(221 205 0 / 0.48);
|
|
637
|
+
--transparent-primary-48-report-xspector-light-mode: rgba(30 50 73 / 0.48);
|
|
638
|
+
--transparent-primary-48-skyller: rgba(37 99 235 / 0.48);
|
|
639
|
+
--transparent-secondary-8-xspector: rgba(158 158 158 / 0.08);
|
|
640
|
+
--transparent-secondary-8-report-xspector-light-mode: rgba(221 205 0 / 0.08);
|
|
641
|
+
--transparent-secondary-8-skyller: rgba(96 165 250 / 0.08);
|
|
642
|
+
--transparent-secondary-12-xspector: rgba(158 158 158 / 0.12);
|
|
643
|
+
--transparent-secondary-12-report-xspector-light-mode: rgba(221 205 0 / 0.12);
|
|
644
|
+
--transparent-secondary-12-skyller: rgba(96 165 250 / 0.12);
|
|
645
|
+
--transparent-secondary-16-xspector: rgba(158 158 158 / 0.16);
|
|
646
|
+
--transparent-secondary-16-report-xspector-light-mode: rgba(221 205 0 / 0.16);
|
|
647
|
+
--transparent-secondary-16-skyller: rgba(96 165 250 / 0.16);
|
|
648
|
+
--transparent-secondary-24-xspector: rgba(158 158 158 / 0.24);
|
|
649
|
+
--transparent-secondary-24-report-xspector-light-mode: rgba(221 205 0 / 0.24);
|
|
650
|
+
--transparent-secondary-24-skyller: rgba(96 165 250 / 0.24);
|
|
651
|
+
--transparent-secondary-32-xspector: rgba(158 158 158 / 0.32);
|
|
652
|
+
--transparent-secondary-32-report-xspector-light-mode: rgba(221 205 0 / 0.32);
|
|
653
|
+
--transparent-secondary-32-skyller: rgba(96 165 250 / 0.32);
|
|
654
|
+
--transparent-secondary-48-xspector: rgba(158 158 158 / 0.48);
|
|
655
|
+
--transparent-secondary-48-report-xspector-light-mode: rgba(221 205 0 / 0.48);
|
|
656
|
+
--transparent-secondary-48-skyller: rgba(96 165 250 / 0.48);
|
|
657
|
+
--transparent-tertiary-8-xspector: rgba(173 202 214 / 0.08);
|
|
658
|
+
--transparent-tertiary-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
|
|
659
|
+
--transparent-tertiary-8-skyller: rgba(8 145 178 / 0.08);
|
|
660
|
+
--transparent-tertiary-12-xspector: rgba(173 202 214 / 0.12);
|
|
661
|
+
--transparent-tertiary-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
|
|
662
|
+
--transparent-tertiary-12-skyller: rgba(8 145 178 / 0.12);
|
|
663
|
+
--transparent-tertiary-16-xspector: rgba(173 202 214 / 0.16);
|
|
664
|
+
--transparent-tertiary-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
|
|
665
|
+
--transparent-tertiary-16-skyller: rgba(8 145 178 / 0.16);
|
|
666
|
+
--transparent-tertiary-24-xspector: rgba(173 202 214 / 0.24);
|
|
667
|
+
--transparent-tertiary-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
|
|
668
|
+
--transparent-tertiary-24-skyller: rgba(8 145 178 / 0.24);
|
|
669
|
+
--transparent-tertiary-32-xspector: rgba(173 202 214 / 0.32);
|
|
670
|
+
--transparent-tertiary-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
|
|
671
|
+
--transparent-tertiary-32-skyller: rgba(8 145 178 / 0.32);
|
|
672
|
+
--transparent-tertiary-48-xspector: rgba(173 202 214 / 0.48);
|
|
673
|
+
--transparent-tertiary-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
|
|
674
|
+
--transparent-tertiary-48-skyller: rgba(8 145 178 / 0.48);
|
|
675
|
+
--transparent-info-8-xspector: rgba(41 152 255 / 0.08);
|
|
676
|
+
--transparent-info-8-report-xspector-light-mode: rgba(41 152 255 / 0.08);
|
|
677
|
+
--transparent-info-8-skyller: rgba(37 99 235 / 0.08);
|
|
678
|
+
--transparent-info-12-xspector: rgba(41 152 255 / 0.12);
|
|
679
|
+
--transparent-info-12-report-xspector-light-mode: rgba(41 152 255 / 0.12);
|
|
680
|
+
--transparent-info-12-skyller: rgba(37 99 235 / 0.12);
|
|
681
|
+
--transparent-info-16-xspector: rgba(41 152 255 / 0.16);
|
|
682
|
+
--transparent-info-16-report-xspector-light-mode: rgba(41 152 255 / 0.16);
|
|
683
|
+
--transparent-info-16-skyller: rgba(37 99 235 / 0.16);
|
|
684
|
+
--transparent-info-24-xspector: rgba(41 152 255 / 0.24);
|
|
685
|
+
--transparent-info-24-report-xspector-light-mode: rgba(41 152 255 / 0.24);
|
|
686
|
+
--transparent-info-24-skyller: rgba(37 99 235 / 0.24);
|
|
687
|
+
--transparent-info-32-xspector: rgba(41 152 255 / 0.32);
|
|
688
|
+
--transparent-info-32-report-xspector-light-mode: rgba(41 152 255 / 0.32);
|
|
689
|
+
--transparent-info-32-skyller: rgba(37 99 235 / 0.32);
|
|
690
|
+
--transparent-info-48-xspector: rgba(41 152 255 / 0.48);
|
|
691
|
+
--transparent-info-48-report-xspector-light-mode: rgba(41 152 255 / 0.48);
|
|
692
|
+
--transparent-info-48-skyller: rgba(37 99 235 / 0.48);
|
|
693
|
+
--transparent-success-8-xspector: rgba(84 214 44 / 0.08);
|
|
694
|
+
--transparent-success-8-report-xspector-light-mode: rgba(84 214 44 / 0.08);
|
|
695
|
+
--transparent-success-8-skyller: rgba(22 163 74 / 0.08);
|
|
696
|
+
--transparent-success-12-xspector: rgba(84 214 44 / 0.12);
|
|
697
|
+
--transparent-success-12-report-xspector-light-mode: rgba(84 214 44 / 0.12);
|
|
698
|
+
--transparent-success-12-skyller: rgba(22 163 74 / 0.12);
|
|
699
|
+
--transparent-success-16-xspector: rgba(84 214 44 / 0.16);
|
|
700
|
+
--transparent-success-16-report-xspector-light-mode: rgba(84 214 44 / 0.16);
|
|
701
|
+
--transparent-success-16-skyller: rgba(22 163 74 / 0.16);
|
|
702
|
+
--transparent-success-24-xspector: rgba(84 214 44 / 0.24);
|
|
703
|
+
--transparent-success-24-report-xspector-light-mode: rgba(84 214 44 / 0.24);
|
|
704
|
+
--transparent-success-24-skyller: rgba(22 163 74 / 0.24);
|
|
705
|
+
--transparent-success-32-xspector: rgba(84 214 44 / 0.32);
|
|
706
|
+
--transparent-success-32-report-xspector-light-mode: rgba(84 214 44 / 0.32);
|
|
707
|
+
--transparent-success-32-skyller: rgba(22 163 74 / 0.32);
|
|
708
|
+
--transparent-success-48-xspector: rgba(84 214 44 / 0.48);
|
|
709
|
+
--transparent-success-48-report-xspector-light-mode: rgba(84 214 44 / 0.48);
|
|
710
|
+
--transparent-success-48-skyller: rgba(22 163 74 / 0.48);
|
|
711
|
+
--transparent-warning-8-xspector: rgba(255 193 7 / 0.08);
|
|
712
|
+
--transparent-warning-8-report-xspector-light-mode: rgba(255 193 7 / 0.08);
|
|
713
|
+
--transparent-warning-8-skyller: rgba(251 191 36 / 0.08);
|
|
714
|
+
--transparent-warning-12-xspector: rgba(255 193 7 / 0.12);
|
|
715
|
+
--transparent-warning-12-report-xspector-light-mode: rgba(255 193 7 / 0.12);
|
|
716
|
+
--transparent-warning-12-skyller: rgba(251 191 36 / 0.12);
|
|
717
|
+
--transparent-warning-16-xspector: rgba(255 193 7 / 0.16);
|
|
718
|
+
--transparent-warning-16-report-xspector-light-mode: rgba(255 193 7 / 0.16);
|
|
719
|
+
--transparent-warning-16-skyller: rgba(251 191 36 / 0.16);
|
|
720
|
+
--transparent-warning-24-xspector: rgba(255 193 7 / 0.24);
|
|
721
|
+
--transparent-warning-24-report-xspector-light-mode: rgba(255 193 7 / 0.24);
|
|
722
|
+
--transparent-warning-24-skyller: rgba(251 191 36 / 0.24);
|
|
723
|
+
--transparent-warning-32-xspector: rgba(255 193 7 / 0.32);
|
|
724
|
+
--transparent-warning-32-report-xspector-light-mode: rgba(255 193 7 / 0.32);
|
|
725
|
+
--transparent-warning-32-skyller: rgba(251 191 36 / 0.32);
|
|
726
|
+
--transparent-warning-48-xspector: rgba(255 193 7 / 0.48);
|
|
727
|
+
--transparent-warning-48-report-xspector-light-mode: rgba(255 193 7 / 0.48);
|
|
728
|
+
--transparent-warning-48-skyller: rgba(251 191 36 / 0.48);
|
|
729
|
+
--transparent-error-8-xspector: rgba(255 72 66 / 0.08);
|
|
730
|
+
--transparent-error-8-report-xspector-light-mode: rgba(255 72 66 / 0.08);
|
|
731
|
+
--transparent-error-8-skyller: rgba(220 38 38 / 0.08);
|
|
732
|
+
--transparent-error-12-xspector: rgba(255 72 66 / 0.12);
|
|
733
|
+
--transparent-error-12-report-xspector-light-mode: rgba(255 72 66 / 0.12);
|
|
734
|
+
--transparent-error-12-skyller: rgba(220 38 38 / 0.12);
|
|
735
|
+
--transparent-error-16-xspector: rgba(255 72 66 / 0.16);
|
|
736
|
+
--transparent-error-16-report-xspector-light-mode: rgba(255 72 66 / 0.16);
|
|
737
|
+
--transparent-error-16-skyller: rgba(220 38 38 / 0.16);
|
|
738
|
+
--transparent-error-24-xspector: rgba(255 72 66 / 0.24);
|
|
739
|
+
--transparent-error-24-report-xspector-light-mode: rgba(255 72 66 / 0.24);
|
|
740
|
+
--transparent-error-24-skyller: rgba(220 38 38 / 0.24);
|
|
741
|
+
--transparent-error-32-xspector: rgba(255 72 66 / 0.32);
|
|
742
|
+
--transparent-error-32-report-xspector-light-mode: rgba(255 72 66 / 0.32);
|
|
743
|
+
--transparent-error-32-skyller: rgba(220 38 38 / 0.32);
|
|
744
|
+
--transparent-error-48-xspector: rgba(255 72 66 / 0.48);
|
|
745
|
+
--transparent-error-48-report-xspector-light-mode: rgba(255 72 66 / 0.48);
|
|
746
|
+
--transparent-error-48-skyller: rgba(220 38 38 / 0.48);
|
|
747
|
+
--transparent-grey-8-xspector: rgba(158 158 158 / 0.08);
|
|
748
|
+
--transparent-grey-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
|
|
749
|
+
--transparent-grey-8-skyller: rgba(115 115 115 / 0.08);
|
|
750
|
+
--transparent-grey-12-xspector: rgba(158 158 158 / 0.12);
|
|
751
|
+
--transparent-grey-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
|
|
752
|
+
--transparent-grey-12-skyller: rgba(115 115 115 / 0.12);
|
|
753
|
+
--transparent-grey-16-xspector: rgba(158 158 158 / 0.16);
|
|
754
|
+
--transparent-grey-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
|
|
755
|
+
--transparent-grey-16-skyller: rgba(115 115 115 / 0.16);
|
|
756
|
+
--transparent-grey-24-xspector: rgba(158 158 158 / 0.24);
|
|
757
|
+
--transparent-grey-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
|
|
758
|
+
--transparent-grey-24-skyller: rgba(115 115 115 / 0.24);
|
|
759
|
+
--transparent-grey-32-xspector: rgba(158 158 158 / 0.32);
|
|
760
|
+
--transparent-grey-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
|
|
761
|
+
--transparent-grey-32-skyller: rgba(115 115 115 / 0.32);
|
|
762
|
+
--transparent-grey-48-xspector: rgba(158 158 158 / 0.48);
|
|
763
|
+
--transparent-grey-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
|
|
764
|
+
--transparent-grey-48-skyller: rgba(115 115 115 / 0.48);
|
|
765
|
+
--transparent-grey2-8-xspector: rgba(145 158 171 / 0.08);
|
|
766
|
+
--transparent-grey2-8-report-xspector-light-mode: rgba(145 158 171 / 0.08);
|
|
767
|
+
--transparent-grey2-8-skyller: rgba(163 163 163 / 0.08);
|
|
768
|
+
--transparent-grey2-12-xspector: rgba(145 158 171 / 0.12);
|
|
769
|
+
--transparent-grey2-12-report-xspector-light-mode: rgba(145 158 171 / 0.12);
|
|
770
|
+
--transparent-grey2-12-skyller: rgba(163 163 163 / 0.12);
|
|
771
|
+
--transparent-grey2-16-xspector: rgba(145 158 171 / 0.16);
|
|
772
|
+
--transparent-grey2-16-report-xspector-light-mode: rgba(145 158 171 / 0.16);
|
|
773
|
+
--transparent-grey2-16-skyller: rgba(163 163 163 / 0.16);
|
|
774
|
+
--transparent-grey2-24-xspector: rgba(145 158 171 / 0.24);
|
|
775
|
+
--transparent-grey2-24-report-xspector-light-mode: rgba(145 158 171 / 0.24);
|
|
776
|
+
--transparent-grey2-24-skyller: rgba(163 163 163 / 0.24);
|
|
777
|
+
--transparent-grey2-32-xspector: rgba(145 158 171 / 0.32);
|
|
778
|
+
--transparent-grey2-32-report-xspector-light-mode: rgba(145 158 171 / 0.32);
|
|
779
|
+
--transparent-grey2-32-skyller: rgba(163 163 163 / 0.32);
|
|
780
|
+
--transparent-grey2-48-xspector: rgba(145 158 171 / 0.48);
|
|
781
|
+
--transparent-grey2-48-report-xspector-light-mode: rgba(145 158 171 / 0.48);
|
|
782
|
+
--transparent-grey2-48-skyller: rgba(163 163 163 / 0.48);
|
|
783
|
+
--transparent-white-8-xspector: rgba(255 255 255 / 0.08);
|
|
784
|
+
--transparent-white-8-report-xspector-light-mode: rgba(255 255 255 / 0.08);
|
|
785
|
+
--transparent-white-8-skyller: rgba(255 255 255 / 0.08);
|
|
786
|
+
--transparent-white-12-xspector: rgba(255 255 255 / 0.12);
|
|
787
|
+
--transparent-white-12-report-xspector-light-mode: rgba(255 255 255 / 0.12);
|
|
788
|
+
--transparent-white-12-skyller: rgba(255 255 255 / 0.12);
|
|
789
|
+
--transparent-white-16-xspector: rgba(255 255 255 / 0.16);
|
|
790
|
+
--transparent-white-16-report-xspector-light-mode: rgba(255 255 255 / 0.16);
|
|
791
|
+
--transparent-white-16-skyller: rgba(255 255 255 / 0.16);
|
|
792
|
+
--transparent-white-24-xspector: rgba(255 255 255 / 0.24);
|
|
793
|
+
--transparent-white-24-report-xspector-light-mode: rgba(255 255 255 / 0.24);
|
|
794
|
+
--transparent-white-24-skyller: rgba(255 255 255 / 0.24);
|
|
795
|
+
--transparent-white-32-xspector: rgba(255 255 255 / 0.32);
|
|
796
|
+
--transparent-white-32-report-xspector-light-mode: rgba(255 255 255 / 0.32);
|
|
797
|
+
--transparent-white-32-skyller: rgba(255 255 255 / 0.32);
|
|
798
|
+
--transparent-white-48-xspector: rgba(255 255 255 / 0.48);
|
|
799
|
+
--transparent-white-48-report-xspector-light-mode: rgba(255 255 255 / 0.48);
|
|
800
|
+
--transparent-white-48-skyller: rgba(255 255 255 / 0.48);
|
|
801
|
+
--transparent-black-8-xspector: rgba(0 0 0 / 0.08);
|
|
802
|
+
--transparent-black-8-report-xspector-light-mode: rgba(0 0 0 / 0.08);
|
|
803
|
+
--transparent-black-8-skyller: rgba(0 0 0 / 0.08);
|
|
804
|
+
--transparent-black-12-xspector: rgba(0 0 0 / 0.12);
|
|
805
|
+
--transparent-black-12-report-xspector-light-mode: rgba(0 0 0 / 0.12);
|
|
806
|
+
--transparent-black-12-skyller: rgba(0 0 0 / 0.12);
|
|
807
|
+
--transparent-black-16-xspector: rgba(0 0 0 / 0.16);
|
|
808
|
+
--transparent-black-16-report-xspector-light-mode: rgba(0 0 0 / 0.16);
|
|
809
|
+
--transparent-black-16-skyller: rgba(0 0 0 / 0.16);
|
|
810
|
+
--transparent-black-24-xspector: rgba(0 0 0 / 0.24);
|
|
811
|
+
--transparent-black-24-report-xspector-light-mode: rgba(0 0 0 / 0.24);
|
|
812
|
+
--transparent-black-24-skyller: rgba(0 0 0 / 0.24);
|
|
813
|
+
--transparent-black-32-xspector: rgba(0 0 0 / 0.32);
|
|
814
|
+
--transparent-black-32-report-xspector-light-mode: rgba(0 0 0 / 0.32);
|
|
815
|
+
--transparent-black-32-skyller: rgba(0 0 0 / 0.32);
|
|
816
|
+
--transparent-black-48-xspector: rgba(0 0 0 / 0.48);
|
|
817
|
+
--transparent-black-48-report-xspector-light-mode: rgba(0 0 0 / 0.48);
|
|
818
|
+
--transparent-black-48-skyller: rgba(0 0 0 / 0.48);
|
|
819
|
+
--modal-surface-xspector: #2d2e30;
|
|
820
|
+
--modal-surface-report-xspector-light-mode: #ffffff;
|
|
821
|
+
--modal-surface-skyller: #ffffff;
|
|
822
|
+
--modal-highlight-xspector: #343638;
|
|
823
|
+
--modal-highlight-report-xspector-light-mode: #f5f5f5;
|
|
824
|
+
--modal-highlight-skyller: #f5f5f5;
|
|
825
|
+
--modal-overlay-xspector: rgba(11 10 10 / 0.64);
|
|
826
|
+
--modal-overlay-report-xspector-light-mode: rgba(0 0 0 / 0.64);
|
|
827
|
+
--modal-overlay-skyller: rgba(0 0 0 / 0.64);
|
|
828
|
+
--bg-bg1-xspector: #030c15;
|
|
829
|
+
--bg-bg1-report-xspector-light-mode: #ffffff;
|
|
830
|
+
--bg-bg1-skyller: #2563eb;
|
|
831
|
+
--bg-bg2-xspector: #0a1b2e;
|
|
832
|
+
--bg-bg2-report-xspector-light-mode: #ffffff;
|
|
833
|
+
--bg-bg2-skyller: #f8fbff;
|
|
834
|
+
--bg-bg3-xspector: #000000;
|
|
835
|
+
--bg-bg3-report-xspector-light-mode: #d8d8d8;
|
|
836
|
+
--bg-bg3-skyller: #f5f5f5;
|
|
837
|
+
--bg-stroke1-xspector: #000000;
|
|
838
|
+
--bg-stroke1-report-xspector-light-mode: #e2e2e2;
|
|
839
|
+
--bg-stroke1-skyller: #e5e5e5;
|
|
840
|
+
--bg-stroke2-xspector: #000000;
|
|
841
|
+
--bg-stroke2-report-xspector-light-mode: #c5c5c5;
|
|
842
|
+
--bg-stroke2-skyller: #d4d4d4;
|
|
843
843
|
--input-default-text-xspector: #9e9e9e;
|
|
844
844
|
--input-default-text-report-xspector-light-mode: #9e9e9e;
|
|
845
845
|
--input-default-text-skyller: #737373;
|
|
@@ -887,16 +887,16 @@
|
|
|
887
887
|
--function-default-outline-icon-skyller: #2563eb;
|
|
888
888
|
--function-active-solid-xspector: #b1a400;
|
|
889
889
|
--function-active-solid-report-xspector-light-mode: #9b8f00;
|
|
890
|
-
--function-active-solid-skyller: #
|
|
890
|
+
--function-active-solid-skyller: #60a5fa;
|
|
891
891
|
--function-active-hover-xspector: #ddcd00;
|
|
892
892
|
--function-active-hover-report-xspector-light-mode: #b1a400;
|
|
893
|
-
--function-active-hover-skyller: #
|
|
893
|
+
--function-active-hover-skyller: #80b7fb;
|
|
894
894
|
--function-active-hover-bg-xspector: rgba(221 205 0 / 0.08);
|
|
895
895
|
--function-active-hover-bg-report-xspector-light-mode: rgba(221 205 0 / 0.08);
|
|
896
|
-
--function-active-hover-bg-skyller: rgba(
|
|
896
|
+
--function-active-hover-bg-skyller: rgba(128 183 251 / 0.08);
|
|
897
897
|
--function-active-stroke-xspector: rgba(177 164 0 / 0.48);
|
|
898
898
|
--function-active-stroke-report-xspector-light-mode: rgba(177 164 0 / 0.48);
|
|
899
|
-
--function-active-stroke-skyller: rgba(
|
|
899
|
+
--function-active-stroke-skyller: rgba(96 165 250 / 0.48);
|
|
900
900
|
--function-active-icon-xspector: #212b36;
|
|
901
901
|
--function-active-icon-report-xspector-light-mode: #ffffff;
|
|
902
902
|
--function-active-icon-skyller: #ffffff;
|
|
@@ -1017,9 +1017,9 @@
|
|
|
1017
1017
|
--others-35-xspector: #56d364;
|
|
1018
1018
|
--others-35-report-xspector-light-mode: #56d364;
|
|
1019
1019
|
--others-35-skyller: #56d364;
|
|
1020
|
-
--page-bg-main-
|
|
1021
|
-
--page-bg-main-
|
|
1022
|
-
--page-bg-main-
|
|
1020
|
+
--page-bg-main-xspector: #091d33;
|
|
1021
|
+
--page-bg-main-report-xspector-light-mode: #ffffff;
|
|
1022
|
+
--page-bg-main-skyller: #ffffff;
|
|
1023
1023
|
--page-bg-circle-top-g-in-xspector: #003d6c;
|
|
1024
1024
|
--page-bg-circle-top-g-in-report-xspector-light-mode: #adcad6;
|
|
1025
1025
|
--page-bg-circle-top-g-in-skyller: #cfe4fd;
|
|
@@ -1035,6 +1035,24 @@
|
|
|
1035
1035
|
--text-white-xspector: #ffffff;
|
|
1036
1036
|
--text-white-report-xspector-light-mode: #ffffff;
|
|
1037
1037
|
--text-white-skyller: #ffffff;
|
|
1038
|
+
--modal-line-xspector: rgba(158 158 158 / 0.24);
|
|
1039
|
+
--modal-line-report-xspector-light-mode: #cfcfcf;
|
|
1040
|
+
--modal-line-skyller: #d4d4d4;
|
|
1041
|
+
--bg-bg4-xspector: #000000;
|
|
1042
|
+
--bg-bg4-report-xspector-light-mode: #d8d8d8;
|
|
1043
|
+
--bg-bg4-skyller: #f5f5f5;
|
|
1044
|
+
--bg-bg5-xspector: #000000;
|
|
1045
|
+
--bg-bg5-report-xspector-light-mode: #d8d8d8;
|
|
1046
|
+
--bg-bg5-skyller: #f5f5f5;
|
|
1047
|
+
--bg-stroke3-xspector: #000000;
|
|
1048
|
+
--bg-stroke3-report-xspector-light-mode: #c5c5c5;
|
|
1049
|
+
--bg-stroke3-skyller: #d4d4d4;
|
|
1050
|
+
--bg-stroke4-xspector: #000000;
|
|
1051
|
+
--bg-stroke4-report-xspector-light-mode: #c5c5c5;
|
|
1052
|
+
--bg-stroke4-skyller: #d4d4d4;
|
|
1053
|
+
--bg-stroke5-xspector: #000000;
|
|
1054
|
+
--bg-stroke5-report-xspector-light-mode: #c5c5c5;
|
|
1055
|
+
--bg-stroke5-skyller: #d4d4d4;
|
|
1038
1056
|
|
|
1039
1057
|
/* BUTTON RADIUS */
|
|
1040
1058
|
--button-l-round: 8px;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
/* Element: [default, hover, selected, disabled] */
|
|
7
7
|
/* ------------------------------------------------------------------ */
|
|
8
8
|
|
|
9
|
-
--dropdown-menu-seperator-bg: var(--
|
|
9
|
+
--dropdown-menu-seperator-bg: var(--transparent-white-8);
|
|
10
10
|
--dropdown-menu-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
|
|
11
11
|
|
|
12
12
|
/* Default State */
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
--dropdown-menu-default-text: inherit;
|
|
15
15
|
|
|
16
16
|
/* Hover State */
|
|
17
|
-
--dropdown-menu-hover-bg: var(--
|
|
17
|
+
--dropdown-menu-hover-bg: var(--transparent-white-8);
|
|
18
18
|
--dropdown-menu-hover-text: inherit;
|
|
19
19
|
|
|
20
20
|
/* Selected State */
|
|
21
|
-
--dropdown-menu-selected-bg: var(--
|
|
21
|
+
--dropdown-menu-selected-bg: var(--ramps-grey-150);
|
|
22
22
|
--dropdown-menu-selected-text: inherit;
|
|
23
23
|
|
|
24
24
|
/* Disabled State */
|
|
25
25
|
--dropdown-menu-disabled-bg: transparent;
|
|
26
|
-
--dropdown-menu-disabled-text: var(--
|
|
26
|
+
--dropdown-menu-disabled-text: var(--ramps-grey-140);
|
|
27
27
|
|
|
28
28
|
}
|