@atlassian/aui 9.9.3 → 9.9.4

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 (28) hide show
  1. package/dist/aui/aui-prototyping-browserfocus.css +10 -10
  2. package/dist/aui/aui-prototyping-darkmode.css +6 -6
  3. package/dist/aui/aui-prototyping-design-tokens-api-full.js +1 -1
  4. package/dist/aui/aui-prototyping-design-tokens-api.js +1 -1
  5. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css +2 -2
  6. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css.map +1 -1
  7. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.js +1 -1
  8. package/dist/aui/aui-prototyping-design-tokens-base-themes.js +1 -1
  9. package/dist/aui/aui-prototyping.css +4 -4
  10. package/dist/aui/aui-prototyping.css.map +1 -1
  11. package/dist/aui/aui-prototyping.js +5 -5
  12. package/dist/aui/aui-prototyping.js.map +1 -1
  13. package/dist/aui/aui-prototyping.nodeps.css +4 -4
  14. package/dist/aui/aui-prototyping.nodeps.css.map +1 -1
  15. package/dist/aui/aui-prototyping.nodeps.js +4 -4
  16. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  17. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.css +0 -969
  18. package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-theme.css +0 -969
  19. package/package.json +1 -1
  20. package/src/js/aui/select2.js +13 -2
  21. package/src/js/aui/tooltip.js +41 -6
  22. package/src/less/aui-experimental-labels.less +13 -6
  23. package/src/less/forms-radios-and-checkboxes.less +27 -30
  24. package/src/less/imports/aui-theme/adg/adg-colors.less +1 -0
  25. package/src/less/imports/aui-theme/components/forms.less +8 -0
  26. package/src/less/imports/aui-theme/components/label.less +2 -0
  27. package/src/less/imports/aui-theme/core/colors.less +16 -16
  28. package/src/less/imports/aui-theme/core/layers.less +3 -1
package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.css CHANGED
@@ -791,972 +791,3 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
791
791
  --ds-UNSAFE-transparent: transparent;
792
792
  --ds-elevation-surface-current: #1D2125;
793
793
  }
794
-
795
-
796
-
797
- /* ------ THEME: legacy-light ------ */
798
-
799
-
800
- html[data-color-mode="light"][data-theme~="light:legacy-light"],
801
- html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
802
- color-scheme: light;
803
- --ds-text: #172B4D;
804
- --ds-text-accent-lime: #4C6B1F;
805
- --ds-text-accent-lime-bolder: #37471F;
806
- --ds-text-accent-red: #DE350B;
807
- --ds-text-accent-red-bolder: #BF2600;
808
- --ds-text-accent-orange: #F18D13;
809
- --ds-text-accent-orange-bolder: #B65C02;
810
- --ds-text-accent-yellow: #FF991F;
811
- --ds-text-accent-yellow-bolder: #FF8B00;
812
- --ds-text-accent-green: #00875A;
813
- --ds-text-accent-green-bolder: #006644;
814
- --ds-text-accent-teal: #00A3BF;
815
- --ds-text-accent-teal-bolder: #008DA6;
816
- --ds-text-accent-blue: #0052CC;
817
- --ds-text-accent-blue-bolder: #0747A6;
818
- --ds-text-accent-purple: #5243AA;
819
- --ds-text-accent-purple-bolder: #403294;
820
- --ds-text-accent-magenta: #E774BB;
821
- --ds-text-accent-magenta-bolder: #DA62AC;
822
- --ds-text-accent-gray: #505F79;
823
- --ds-text-accent-gray-bolder: #172B4D;
824
- --ds-text-disabled: #A5ADBA;
825
- --ds-text-inverse: #FFFFFF;
826
- --ds-text-selected: #0052CC;
827
- --ds-text-brand: #0065FF;
828
- --ds-text-danger: #DE350B;
829
- --ds-text-warning: #974F0C;
830
- --ds-text-warning-inverse: #172B4D;
831
- --ds-text-success: #006644;
832
- --ds-text-discovery: #403294;
833
- --ds-text-information: #0052CC;
834
- --ds-text-subtlest: #7A869A;
835
- --ds-text-subtle: #42526E;
836
- --ds-link: #0052CC;
837
- --ds-link-pressed: #0747A6;
838
- --ds-icon: #505F79;
839
- --ds-icon-accent-lime: #6A9A23;
840
- --ds-icon-accent-red: #FF5630;
841
- --ds-icon-accent-orange: #D94008;
842
- --ds-icon-accent-yellow: #FFAB00;
843
- --ds-icon-accent-green: #36B37E;
844
- --ds-icon-accent-teal: #00B8D9;
845
- --ds-icon-accent-blue: #0065FF;
846
- --ds-icon-accent-purple: #6554C0;
847
- --ds-icon-accent-magenta: #CD519D;
848
- --ds-icon-accent-gray: #5E6C84;
849
- --ds-icon-disabled: #8993A4;
850
- --ds-icon-inverse: #FFFFFF;
851
- --ds-icon-selected: #0052CC;
852
- --ds-icon-brand: #0065FF;
853
- --ds-icon-danger: #DE350B;
854
- --ds-icon-warning: #FFC400;
855
- --ds-icon-warning-inverse: #253858;
856
- --ds-icon-success: #00875A;
857
- --ds-icon-discovery: #8777D9;
858
- --ds-icon-information: #0747A6;
859
- --ds-icon-subtle: #6B778C;
860
- --ds-border: #091e4221;
861
- --ds-border-accent-lime: #6A9A23;
862
- --ds-border-accent-red: #FF5630;
863
- --ds-border-accent-orange: #D94008;
864
- --ds-border-accent-yellow: #FFAB00;
865
- --ds-border-accent-green: #36B37E;
866
- --ds-border-accent-teal: #00B8D9;
867
- --ds-border-accent-blue: #0065FF;
868
- --ds-border-accent-purple: #6554C0;
869
- --ds-border-accent-magenta: #CD519D;
870
- --ds-border-accent-gray: #5E6C84;
871
- --ds-border-disabled: #FAFBFC;
872
- --ds-border-focused: #2684FF;
873
- --ds-border-input: #FAFBFC;
874
- --ds-border-inverse: #FFFFFF;
875
- --ds-border-selected: #0052CC;
876
- --ds-border-brand: #0052CC;
877
- --ds-border-danger: #FF5630;
878
- --ds-border-warning: #FFC400;
879
- --ds-border-success: #00875A;
880
- --ds-border-discovery: #998DD9;
881
- --ds-border-information: #0065FF;
882
- --ds-border-bold: #344563;
883
- --ds-background-accent-lime-subtlest: #EEFBDA;
884
- --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
885
- --ds-background-accent-lime-subtlest-pressed: #B3DF72;
886
- --ds-background-accent-lime-subtler: #D3F1A7;
887
- --ds-background-accent-lime-subtler-hovered: #B3DF72;
888
- --ds-background-accent-lime-subtler-pressed: #94C748;
889
- --ds-background-accent-lime-subtle: #94C748;
890
- --ds-background-accent-lime-subtle-hovered: #B3DF72;
891
- --ds-background-accent-lime-subtle-pressed: #D3F1A7;
892
- --ds-background-accent-lime-bolder: #5B7F24;
893
- --ds-background-accent-lime-bolder-hovered: #37471F;
894
- --ds-background-accent-lime-bolder-pressed: #37471F;
895
- --ds-background-accent-red-subtlest: #FF8F73;
896
- --ds-background-accent-red-subtlest-hovered: #FF7452;
897
- --ds-background-accent-red-subtlest-pressed: #FF5630;
898
- --ds-background-accent-red-subtler: #FF7452;
899
- --ds-background-accent-red-subtler-hovered: #FF5630;
900
- --ds-background-accent-red-subtler-pressed: #DE350B;
901
- --ds-background-accent-red-subtle: #DE350B;
902
- --ds-background-accent-red-subtle-hovered: #FF5630;
903
- --ds-background-accent-red-subtle-pressed: #FF7452;
904
- --ds-background-accent-red-bolder: #DE350B;
905
- --ds-background-accent-red-bolder-hovered: #FF5630;
906
- --ds-background-accent-red-bolder-pressed: #FF7452;
907
- --ds-background-accent-orange-subtlest: #F18D13;
908
- --ds-background-accent-orange-subtlest-hovered: #FEC57B;
909
- --ds-background-accent-orange-subtlest-pressed: #FFE2BD;
910
- --ds-background-accent-orange-subtler: #B65C02;
911
- --ds-background-accent-orange-subtler-hovered: #F18D13;
912
- --ds-background-accent-orange-subtler-pressed: #FEC57B;
913
- --ds-background-accent-orange-subtle: #5F3811;
914
- --ds-background-accent-orange-subtle-hovered: #974F0C;
915
- --ds-background-accent-orange-subtle-pressed: #B65C02;
916
- --ds-background-accent-orange-bolder: #43290F;
917
- --ds-background-accent-orange-bolder-hovered: #5F3811;
918
- --ds-background-accent-orange-bolder-pressed: #974F0C;
919
- --ds-background-accent-yellow-subtlest: #FFE380;
920
- --ds-background-accent-yellow-subtlest-hovered: #FFC400;
921
- --ds-background-accent-yellow-subtlest-pressed: #FFAB00;
922
- --ds-background-accent-yellow-subtler: #FFC400;
923
- --ds-background-accent-yellow-subtler-hovered: #FFAB00;
924
- --ds-background-accent-yellow-subtler-pressed: #FF991F;
925
- --ds-background-accent-yellow-subtle: #FF991F;
926
- --ds-background-accent-yellow-subtle-hovered: #FFAB00;
927
- --ds-background-accent-yellow-subtle-pressed: #FFC400;
928
- --ds-background-accent-yellow-bolder: #FF991F;
929
- --ds-background-accent-yellow-bolder-hovered: #FFAB00;
930
- --ds-background-accent-yellow-bolder-pressed: #FFC400;
931
- --ds-background-accent-green-subtlest: #79F2C0;
932
- --ds-background-accent-green-subtlest-hovered: #57D9A3;
933
- --ds-background-accent-green-subtlest-pressed: #36B37E;
934
- --ds-background-accent-green-subtler: #57D9A3;
935
- --ds-background-accent-green-subtler-hovered: #36B37E;
936
- --ds-background-accent-green-subtler-pressed: #00875A;
937
- --ds-background-accent-green-subtle: #00875A;
938
- --ds-background-accent-green-subtle-hovered: #36B37E;
939
- --ds-background-accent-green-subtle-pressed: #57D9A3;
940
- --ds-background-accent-green-bolder: #00875A;
941
- --ds-background-accent-green-bolder-hovered: #36B37E;
942
- --ds-background-accent-green-bolder-pressed: #57D9A3;
943
- --ds-background-accent-teal-subtlest: #79E2F2;
944
- --ds-background-accent-teal-subtlest-hovered: #00C7E6;
945
- --ds-background-accent-teal-subtlest-pressed: #00B8D9;
946
- --ds-background-accent-teal-subtler: #00C7E6;
947
- --ds-background-accent-teal-subtler-hovered: #00B8D9;
948
- --ds-background-accent-teal-subtler-pressed: #00A3BF;
949
- --ds-background-accent-teal-subtle: #00A3BF;
950
- --ds-background-accent-teal-subtle-hovered: #00B8D9;
951
- --ds-background-accent-teal-subtle-pressed: #00C7E6;
952
- --ds-background-accent-teal-bolder: #00A3BF;
953
- --ds-background-accent-teal-bolder-hovered: #00B8D9;
954
- --ds-background-accent-teal-bolder-pressed: #00C7E6;
955
- --ds-background-accent-blue-subtlest: #4C9AFF;
956
- --ds-background-accent-blue-subtlest-hovered: #2684FF;
957
- --ds-background-accent-blue-subtlest-pressed: #0065FF;
958
- --ds-background-accent-blue-subtler: #2684FF;
959
- --ds-background-accent-blue-subtler-hovered: #0065FF;
960
- --ds-background-accent-blue-subtler-pressed: #0052CC;
961
- --ds-background-accent-blue-subtle: #0052CC;
962
- --ds-background-accent-blue-subtle-hovered: #0065FF;
963
- --ds-background-accent-blue-subtle-pressed: #2684FF;
964
- --ds-background-accent-blue-bolder: #0052CC;
965
- --ds-background-accent-blue-bolder-hovered: #0065FF;
966
- --ds-background-accent-blue-bolder-pressed: #2684FF;
967
- --ds-background-accent-purple-subtlest: #998DD9;
968
- --ds-background-accent-purple-subtlest-hovered: #8777D9;
969
- --ds-background-accent-purple-subtlest-pressed: #6554C0;
970
- --ds-background-accent-purple-subtler: #8777D9;
971
- --ds-background-accent-purple-subtler-hovered: #6554C0;
972
- --ds-background-accent-purple-subtler-pressed: #5243AA;
973
- --ds-background-accent-purple-subtle: #5243AA;
974
- --ds-background-accent-purple-subtle-hovered: #6554C0;
975
- --ds-background-accent-purple-subtle-pressed: #8777D9;
976
- --ds-background-accent-purple-bolder: #5243AA;
977
- --ds-background-accent-purple-bolder-hovered: #6554C0;
978
- --ds-background-accent-purple-bolder-pressed: #8777D9;
979
- --ds-background-accent-magenta-subtlest: #FFECF8;
980
- --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;
981
- --ds-background-accent-magenta-subtlest-pressed: #F797D2;
982
- --ds-background-accent-magenta-subtler: #FDD0EC;
983
- --ds-background-accent-magenta-subtler-hovered: #F797D2;
984
- --ds-background-accent-magenta-subtler-pressed: #E774BB;
985
- --ds-background-accent-magenta-subtle: #E774BB;
986
- --ds-background-accent-magenta-subtle-hovered: #F797D2;
987
- --ds-background-accent-magenta-subtle-pressed: #FDD0EC;
988
- --ds-background-accent-magenta-bolder: #AE4787;
989
- --ds-background-accent-magenta-bolder-hovered: #943D73;
990
- --ds-background-accent-magenta-bolder-pressed: #50253F;
991
- --ds-background-accent-gray-subtlest: #6B778C;
992
- --ds-background-accent-gray-subtlest-hovered: #5E6C84;
993
- --ds-background-accent-gray-subtlest-pressed: #505F79;
994
- --ds-background-accent-gray-subtler: #5E6C84;
995
- --ds-background-accent-gray-subtler-hovered: #505F79;
996
- --ds-background-accent-gray-subtler-pressed: #42526E;
997
- --ds-background-accent-gray-subtle: #505F79;
998
- --ds-background-accent-gray-subtle-hovered: #5E6C84;
999
- --ds-background-accent-gray-subtle-pressed: #6B778C;
1000
- --ds-background-accent-gray-bolder: #42526E;
1001
- --ds-background-accent-gray-bolder-hovered: #344563;
1002
- --ds-background-accent-gray-bolder-pressed: #253858;
1003
- --ds-background-disabled: #091e4289;
1004
- --ds-background-input: #FAFBFC;
1005
- --ds-background-input-hovered: #EBECF0;
1006
- --ds-background-input-pressed: #FFFFFF;
1007
- --ds-background-inverse-subtle: #00000029;
1008
- --ds-background-inverse-subtle-hovered: #0000003D;
1009
- --ds-background-inverse-subtle-pressed: #00000052;
1010
- --ds-background-neutral: #DFE1E6;
1011
- --ds-background-neutral-hovered: #091e4214;
1012
- --ds-background-neutral-pressed: #B3D4FF;
1013
- --ds-background-neutral-subtle: transparent;
1014
- --ds-background-neutral-subtle-hovered: #091e4214;
1015
- --ds-background-neutral-subtle-pressed: #B3D4FF;
1016
- --ds-background-neutral-bold: #42526E;
1017
- --ds-background-neutral-bold-hovered: #505F79;
1018
- --ds-background-neutral-bold-pressed: #344563;
1019
- --ds-background-selected: #DEEBFF;
1020
- --ds-background-selected-hovered: #B3D4FF;
1021
- --ds-background-selected-pressed: #4C9AFF;
1022
- --ds-background-selected-bold: #0052CC;
1023
- --ds-background-selected-bold-hovered: #2684FF;
1024
- --ds-background-selected-bold-pressed: #0052CC;
1025
- --ds-background-brand-subtlest: #B3D4FF;
1026
- --ds-background-brand-subtlest-hovered: #DEEBFF;
1027
- --ds-background-brand-subtlest-pressed: #4C9AFF;
1028
- --ds-background-brand-bold: #0052CC;
1029
- --ds-background-brand-bold-hovered: #0065FF;
1030
- --ds-background-brand-bold-pressed: #0747A6;
1031
- --ds-background-brand-boldest: #0747A6;
1032
- --ds-background-brand-boldest-hovered: #0052CC;
1033
- --ds-background-brand-boldest-pressed: #0747A6;
1034
- --ds-background-danger: #FFEBE6;
1035
- --ds-background-danger-hovered: #FFBDAD;
1036
- --ds-background-danger-pressed: #FF8F73;
1037
- --ds-background-danger-bold: #DE350B;
1038
- --ds-background-danger-bold-hovered: #FF5630;
1039
- --ds-background-danger-bold-pressed: #BF2600;
1040
- --ds-background-warning: #FFFAE6;
1041
- --ds-background-warning-hovered: #FFF0B3;
1042
- --ds-background-warning-pressed: #FFE380;
1043
- --ds-background-warning-bold: #FFAB00;
1044
- --ds-background-warning-bold-hovered: #FFC400;
1045
- --ds-background-warning-bold-pressed: #FF991F;
1046
- --ds-background-success: #E3FCEF;
1047
- --ds-background-success-hovered: #ABF5D1;
1048
- --ds-background-success-pressed: #79F2C0;
1049
- --ds-background-success-bold: #00875A;
1050
- --ds-background-success-bold-hovered: #57D9A3;
1051
- --ds-background-success-bold-pressed: #00875A;
1052
- --ds-background-discovery: #EAE6FF;
1053
- --ds-background-discovery-hovered: #C0B6F2;
1054
- --ds-background-discovery-pressed: #998DD9;
1055
- --ds-background-discovery-bold: #5243AA;
1056
- --ds-background-discovery-bold-hovered: #8777D9;
1057
- --ds-background-discovery-bold-pressed: #5243AA;
1058
- --ds-background-information: #DEEBFF;
1059
- --ds-background-information-hovered: #B3D4FF;
1060
- --ds-background-information-pressed: #4C9AFF;
1061
- --ds-background-information-bold: #0052CC;
1062
- --ds-background-information-bold-hovered: #2684FF;
1063
- --ds-background-information-bold-pressed: #0052CC;
1064
- --ds-blanket: #091e4289;
1065
- --ds-blanket-selected: #388BFF14;
1066
- --ds-blanket-danger: #EF5C4814;
1067
- --ds-interaction-hovered: #00000029;
1068
- --ds-interaction-pressed: #00000052;
1069
- --ds-skeleton: #F4F5F7;
1070
- --ds-skeleton-subtle: #091e420a;
1071
- --ds-chart-categorical-1: #00B8D9;
1072
- --ds-chart-categorical-1-hovered: #00A3BF;
1073
- --ds-chart-categorical-2: #5243AA;
1074
- --ds-chart-categorical-2-hovered: #403294;
1075
- --ds-chart-categorical-3: #D94008;
1076
- --ds-chart-categorical-3-hovered: #B65C02;
1077
- --ds-chart-categorical-4: #943D73;
1078
- --ds-chart-categorical-4-hovered: #50253F;
1079
- --ds-chart-categorical-5: #0052CC;
1080
- --ds-chart-categorical-5-hovered: #0747A6;
1081
- --ds-chart-categorical-6: #5243AA;
1082
- --ds-chart-categorical-6-hovered: #403294;
1083
- --ds-chart-categorical-7: #50253F;
1084
- --ds-chart-categorical-7-hovered: #341829;
1085
- --ds-chart-categorical-8: #974F0C;
1086
- --ds-chart-categorical-8-hovered: #5F3811;
1087
- --ds-chart-lime-bold: #6A9A23;
1088
- --ds-chart-lime-bold-hovered: #5B7F24;
1089
- --ds-chart-lime-bolder: #5B7F24;
1090
- --ds-chart-lime-bolder-hovered: #4C6B1F;
1091
- --ds-chart-lime-boldest: #4C6B1F;
1092
- --ds-chart-lime-boldest-hovered: #37471F;
1093
- --ds-chart-neutral: #5E6C84;
1094
- --ds-chart-neutral-hovered: #505F79;
1095
- --ds-chart-red-bold: #FF5630;
1096
- --ds-chart-red-bold-hovered: #DE350B;
1097
- --ds-chart-red-bolder: #DE350B;
1098
- --ds-chart-red-bolder-hovered: #BF2600;
1099
- --ds-chart-red-boldest: #BF2600;
1100
- --ds-chart-red-boldest-hovered: #BF2600;
1101
- --ds-chart-orange-bold: #D97008;
1102
- --ds-chart-orange-bold-hovered: #B65C02;
1103
- --ds-chart-orange-bolder: #B65C02;
1104
- --ds-chart-orange-bolder-hovered: #974F0C;
1105
- --ds-chart-orange-boldest: #974F0C;
1106
- --ds-chart-orange-boldest-hovered: #5F3811;
1107
- --ds-chart-yellow-bold: #FFAB00;
1108
- --ds-chart-yellow-bold-hovered: #FF991F;
1109
- --ds-chart-yellow-bolder: #FF991F;
1110
- --ds-chart-yellow-bolder-hovered: #FF8B00;
1111
- --ds-chart-yellow-boldest: #FF8B00;
1112
- --ds-chart-yellow-boldest-hovered: #FF8B00;
1113
- --ds-chart-green-bold: #36B37E;
1114
- --ds-chart-green-bold-hovered: #00875A;
1115
- --ds-chart-green-bolder: #00875A;
1116
- --ds-chart-green-bolder-hovered: #006644;
1117
- --ds-chart-green-boldest: #006644;
1118
- --ds-chart-green-boldest-hovered: #006644;
1119
- --ds-chart-teal-bold: #00B8D9;
1120
- --ds-chart-teal-bold-hovered: #00A3BF;
1121
- --ds-chart-teal-bolder: #00A3BF;
1122
- --ds-chart-teal-bolder-hovered: #008DA6;
1123
- --ds-chart-teal-boldest: #008DA6;
1124
- --ds-chart-teal-boldest-hovered: #008DA6;
1125
- --ds-chart-blue-bold: #0065FF;
1126
- --ds-chart-blue-bold-hovered: #0052CC;
1127
- --ds-chart-blue-bolder: #0052CC;
1128
- --ds-chart-blue-bolder-hovered: #0747A6;
1129
- --ds-chart-blue-boldest: #0747A6;
1130
- --ds-chart-blue-boldest-hovered: #0747A6;
1131
- --ds-chart-purple-bold: #6554C0;
1132
- --ds-chart-purple-bold-hovered: #5243AA;
1133
- --ds-chart-purple-bolder: #5243AA;
1134
- --ds-chart-purple-bolder-hovered: #403294;
1135
- --ds-chart-purple-boldest: #403294;
1136
- --ds-chart-purple-boldest-hovered: #403294;
1137
- --ds-chart-magenta-bold: #DA62AC;
1138
- --ds-chart-magenta-bold-hovered: #CD519D;
1139
- --ds-chart-magenta-bolder: #CD519D;
1140
- --ds-chart-magenta-bolder-hovered: #AE4787;
1141
- --ds-chart-magenta-boldest: #943D73;
1142
- --ds-chart-magenta-boldest-hovered: #50253F;
1143
- --ds-chart-gray-bold: #5E6C84;
1144
- --ds-chart-gray-bold-hovered: #505F79;
1145
- --ds-chart-gray-bolder: #505F79;
1146
- --ds-chart-gray-bolder-hovered: #42526E;
1147
- --ds-chart-gray-boldest: #42526E;
1148
- --ds-chart-gray-boldest-hovered: #42526E;
1149
- --ds-chart-brand: #0065FF;
1150
- --ds-chart-brand-hovered: #0052CC;
1151
- --ds-chart-danger: #FF5630;
1152
- --ds-chart-danger-hovered: #DE350B;
1153
- --ds-chart-danger-bold: #DE350B;
1154
- --ds-chart-danger-bold-hovered: #BF2600;
1155
- --ds-chart-warning: #FFAB00;
1156
- --ds-chart-warning-hovered: #FF991F;
1157
- --ds-chart-warning-bold: #FF991F;
1158
- --ds-chart-warning-bold-hovered: #FF8B00;
1159
- --ds-chart-success: #36B37E;
1160
- --ds-chart-success-hovered: #00875A;
1161
- --ds-chart-success-bold: #00875A;
1162
- --ds-chart-success-bold-hovered: #006644;
1163
- --ds-chart-discovery: #6554C0;
1164
- --ds-chart-discovery-hovered: #5243AA;
1165
- --ds-chart-discovery-bold: #5243AA;
1166
- --ds-chart-discovery-bold-hovered: #403294;
1167
- --ds-chart-information: #0065FF;
1168
- --ds-chart-information-hovered: #0052CC;
1169
- --ds-chart-information-bold: #0052CC;
1170
- --ds-chart-information-bold-hovered: #0747A6;
1171
- --ds-surface: #FFFFFF;
1172
- --ds-surface-hovered: #FAFBFC;
1173
- --ds-surface-pressed: #F4F5F7;
1174
- --ds-surface-overlay: #FFFFFF;
1175
- --ds-surface-overlay-hovered: #FAFBFC;
1176
- --ds-surface-overlay-pressed: #F4F5F7;
1177
- --ds-surface-raised: #FFFFFF;
1178
- --ds-surface-raised-hovered: #FAFBFC;
1179
- --ds-surface-raised-pressed: #F4F5F7;
1180
- --ds-surface-sunken: #F4F5F7;
1181
- --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;
1182
- --ds-shadow-overflow-perimeter: #091e421f;
1183
- --ds-shadow-overflow-spread: #091e4229;
1184
- --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;
1185
- --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;
1186
- --ds-opacity-disabled: 0.4;
1187
- --ds-opacity-loading: 0.2;
1188
- --ds-UNSAFE-transparent: transparent;
1189
- --ds-elevation-surface-current: #FFFFFF;
1190
- }
1191
-
1192
-
1193
-
1194
- /* ------ THEME: legacy-dark ------ */
1195
-
1196
-
1197
- html[data-color-mode="light"][data-theme~="light:legacy-dark"],
1198
- html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
1199
- color-scheme: dark;
1200
- --ds-text: #E6EDFA;
1201
- --ds-text-accent-lime: #4C6B1F;
1202
- --ds-text-accent-lime-bolder: #37471F;
1203
- --ds-text-accent-red: #FF5630;
1204
- --ds-text-accent-red-bolder: #FF7452;
1205
- --ds-text-accent-orange: #FEC57B;
1206
- --ds-text-accent-orange-bolder: #F18D13;
1207
- --ds-text-accent-yellow: #FFAB00;
1208
- --ds-text-accent-yellow-bolder: #FFC400;
1209
- --ds-text-accent-green: #36B37E;
1210
- --ds-text-accent-green-bolder: #57D9A3;
1211
- --ds-text-accent-teal: #00B8D9;
1212
- --ds-text-accent-teal-bolder: #00C7E6;
1213
- --ds-text-accent-blue: #0065FF;
1214
- --ds-text-accent-blue-bolder: #2684FF;
1215
- --ds-text-accent-purple: #6554C0;
1216
- --ds-text-accent-purple-bolder: #8777D9;
1217
- --ds-text-accent-magenta: #F797D2;
1218
- --ds-text-accent-magenta-bolder: #FDD0EC;
1219
- --ds-text-accent-gray: #8C9CB8;
1220
- --ds-text-accent-gray-bolder: #ABBBD6;
1221
- --ds-text-disabled: #1B2638;
1222
- --ds-text-inverse: #0D1424;
1223
- --ds-text-selected: #0052CC;
1224
- --ds-text-brand: #0052CC;
1225
- --ds-text-danger: #FF5630;
1226
- --ds-text-warning: #172B4D;
1227
- --ds-text-warning-inverse: #0D1424;
1228
- --ds-text-success: #36B37E;
1229
- --ds-text-discovery: #6554C0;
1230
- --ds-text-information: #0065FF;
1231
- --ds-text-subtlest: #7988A3;
1232
- --ds-text-subtle: #9FB0CC;
1233
- --ds-link: #0052CC;
1234
- --ds-link-pressed: #0065FF;
1235
- --ds-icon: #DCE5F5;
1236
- --ds-icon-accent-lime: #6A9A23;
1237
- --ds-icon-accent-red: #BF2600;
1238
- --ds-icon-accent-orange: #F18D13;
1239
- --ds-icon-accent-yellow: #FF8B00;
1240
- --ds-icon-accent-green: #006644;
1241
- --ds-icon-accent-teal: #008DA6;
1242
- --ds-icon-accent-blue: #0747A6;
1243
- --ds-icon-accent-purple: #403294;
1244
- --ds-icon-accent-magenta: #DA62AC;
1245
- --ds-icon-accent-gray: #B8C7E0;
1246
- --ds-icon-disabled: #0d14245b;
1247
- --ds-icon-inverse: #202B3D;
1248
- --ds-icon-selected: #4C9AFF;
1249
- --ds-icon-brand: #4C9AFF;
1250
- --ds-icon-danger: #FF8F73;
1251
- --ds-icon-warning: #FFF0B3;
1252
- --ds-icon-warning-inverse: #202B3D;
1253
- --ds-icon-success: #57D9A3;
1254
- --ds-icon-discovery: #998DD9;
1255
- --ds-icon-information: #B3D4FF;
1256
- --ds-icon-subtle: #202B3D;
1257
- --ds-border: #202B3D;
1258
- --ds-border-accent-lime: #6A9A23;
1259
- --ds-border-accent-red: #BF2600;
1260
- --ds-border-accent-orange: #F18D13;
1261
- --ds-border-accent-yellow: #FF8B00;
1262
- --ds-border-accent-green: #006644;
1263
- --ds-border-accent-teal: #008DA6;
1264
- --ds-border-accent-blue: #0747A6;
1265
- --ds-border-accent-purple: #403294;
1266
- --ds-border-accent-magenta: #DA62AC;
1267
- --ds-border-accent-gray: #B8C7E0;
1268
- --ds-border-disabled: #0E1624;
1269
- --ds-border-focused: #B3D4FF;
1270
- --ds-border-input: #202B3D;
1271
- --ds-border-inverse: #0D1424;
1272
- --ds-border-selected: #0052CC;
1273
- --ds-border-brand: #0052CC;
1274
- --ds-border-danger: #DE350B;
1275
- --ds-border-warning: #FF8B00;
1276
- --ds-border-success: #006644;
1277
- --ds-border-discovery: #403294;
1278
- --ds-border-information: #0747A6;
1279
- --ds-border-bold: #7988A3;
1280
- --ds-background-accent-lime-subtlest: #2A3818;
1281
- --ds-background-accent-lime-subtlest-hovered: #37471F;
1282
- --ds-background-accent-lime-subtlest-pressed: #4C6B1F;
1283
- --ds-background-accent-lime-subtler: #37471F;
1284
- --ds-background-accent-lime-subtler-hovered: #4C6B1F;
1285
- --ds-background-accent-lime-subtler-pressed: #5B7F24;
1286
- --ds-background-accent-lime-subtle: #4C6B1F;
1287
- --ds-background-accent-lime-subtle-hovered: #37471F;
1288
- --ds-background-accent-lime-subtle-pressed: #2A3818;
1289
- --ds-background-accent-lime-bolder: #94C748;
1290
- --ds-background-accent-lime-bolder-hovered: #B3DF72;
1291
- --ds-background-accent-lime-bolder-pressed: #D3F1A7;
1292
- --ds-background-accent-red-subtlest: #BF2600;
1293
- --ds-background-accent-red-subtlest-hovered: #DE350B;
1294
- --ds-background-accent-red-subtlest-pressed: #FF5630;
1295
- --ds-background-accent-red-subtler: #DE350B;
1296
- --ds-background-accent-red-subtler-hovered: #FF5630;
1297
- --ds-background-accent-red-subtler-pressed: #FF7452;
1298
- --ds-background-accent-red-subtle: #FF5630;
1299
- --ds-background-accent-red-subtle-hovered: #DE350B;
1300
- --ds-background-accent-red-subtle-pressed: #BF2600;
1301
- --ds-background-accent-red-bolder: #FF8F73;
1302
- --ds-background-accent-red-bolder-hovered: #FFBDAD;
1303
- --ds-background-accent-red-bolder-pressed: #FFEBE6;
1304
- --ds-background-accent-orange-subtlest: #43290F;
1305
- --ds-background-accent-orange-subtlest-hovered: #5F3811;
1306
- --ds-background-accent-orange-subtlest-pressed: #974F0C;
1307
- --ds-background-accent-orange-subtler: #5F3811;
1308
- --ds-background-accent-orange-subtler-hovered: #974F0C;
1309
- --ds-background-accent-orange-subtler-pressed: #B65C02;
1310
- --ds-background-accent-orange-subtle: #974F0C;
1311
- --ds-background-accent-orange-subtle-hovered: #5F3811;
1312
- --ds-background-accent-orange-subtle-pressed: #4A2B0F;
1313
- --ds-background-accent-orange-bolder: #F18D13;
1314
- --ds-background-accent-orange-bolder-hovered: #FEC57B;
1315
- --ds-background-accent-orange-bolder-pressed: #FFE2BD;
1316
- --ds-background-accent-yellow-subtlest: #FF8B00;
1317
- --ds-background-accent-yellow-subtlest-hovered: #FF991F;
1318
- --ds-background-accent-yellow-subtlest-pressed: #FFAB00;
1319
- --ds-background-accent-yellow-subtler: #FF991F;
1320
- --ds-background-accent-yellow-subtler-hovered: #FFAB00;
1321
- --ds-background-accent-yellow-subtler-pressed: #FFC400;
1322
- --ds-background-accent-yellow-subtle: #FFAB00;
1323
- --ds-background-accent-yellow-subtle-hovered: #FF991F;
1324
- --ds-background-accent-yellow-subtle-pressed: #FF8B00;
1325
- --ds-background-accent-yellow-bolder: #FFE380;
1326
- --ds-background-accent-yellow-bolder-hovered: #FFF0B3;
1327
- --ds-background-accent-yellow-bolder-pressed: #FFFAE6;
1328
- --ds-background-accent-green-subtlest: #006644;
1329
- --ds-background-accent-green-subtlest-hovered: #00875A;
1330
- --ds-background-accent-green-subtlest-pressed: #36B37E;
1331
- --ds-background-accent-green-subtler: #00875A;
1332
- --ds-background-accent-green-subtler-hovered: #36B37E;
1333
- --ds-background-accent-green-subtler-pressed: #57D9A3;
1334
- --ds-background-accent-green-subtle: #36B37E;
1335
- --ds-background-accent-green-subtle-hovered: #00875A;
1336
- --ds-background-accent-green-subtle-pressed: #006644;
1337
- --ds-background-accent-green-bolder: #79F2C0;
1338
- --ds-background-accent-green-bolder-hovered: #ABF5D1;
1339
- --ds-background-accent-green-bolder-pressed: #E3FCEF;
1340
- --ds-background-accent-teal-subtlest: #008DA6;
1341
- --ds-background-accent-teal-subtlest-hovered: #00A3BF;
1342
- --ds-background-accent-teal-subtlest-pressed: #00B8D9;
1343
- --ds-background-accent-teal-subtler: #00A3BF;
1344
- --ds-background-accent-teal-subtler-hovered: #00B8D9;
1345
- --ds-background-accent-teal-subtler-pressed: #00C7E6;
1346
- --ds-background-accent-teal-subtle: #00B8D9;
1347
- --ds-background-accent-teal-subtle-hovered: #00A3BF;
1348
- --ds-background-accent-teal-subtle-pressed: #008DA6;
1349
- --ds-background-accent-teal-bolder: #79E2F2;
1350
- --ds-background-accent-teal-bolder-hovered: #B3F5FF;
1351
- --ds-background-accent-teal-bolder-pressed: #E6FCFF;
1352
- --ds-background-accent-blue-subtlest: #0747A6;
1353
- --ds-background-accent-blue-subtlest-hovered: #0052CC;
1354
- --ds-background-accent-blue-subtlest-pressed: #0065FF;
1355
- --ds-background-accent-blue-subtler: #0052CC;
1356
- --ds-background-accent-blue-subtler-hovered: #0065FF;
1357
- --ds-background-accent-blue-subtler-pressed: #2684FF;
1358
- --ds-background-accent-blue-subtle: #0065FF;
1359
- --ds-background-accent-blue-subtle-hovered: #0052CC;
1360
- --ds-background-accent-blue-subtle-pressed: #0747A6;
1361
- --ds-background-accent-blue-bolder: #4C9AFF;
1362
- --ds-background-accent-blue-bolder-hovered: #B3D4FF;
1363
- --ds-background-accent-blue-bolder-pressed: #DEEBFF;
1364
- --ds-background-accent-purple-subtlest: #403294;
1365
- --ds-background-accent-purple-subtlest-hovered: #5243AA;
1366
- --ds-background-accent-purple-subtlest-pressed: #6554C0;
1367
- --ds-background-accent-purple-subtler: #5243AA;
1368
- --ds-background-accent-purple-subtler-hovered: #6554C0;
1369
- --ds-background-accent-purple-subtler-pressed: #8777D9;
1370
- --ds-background-accent-purple-subtle: #6554C0;
1371
- --ds-background-accent-purple-subtle-hovered: #5243AA;
1372
- --ds-background-accent-purple-subtle-pressed: #403294;
1373
- --ds-background-accent-purple-bolder: #998DD9;
1374
- --ds-background-accent-purple-bolder-hovered: #C0B6F2;
1375
- --ds-background-accent-purple-bolder-pressed: #EAE6FF;
1376
- --ds-background-accent-magenta-subtlest: #341829;
1377
- --ds-background-accent-magenta-subtlest-hovered: #50253F;
1378
- --ds-background-accent-magenta-subtlest-pressed: #943D73;
1379
- --ds-background-accent-magenta-subtler: #50253F;
1380
- --ds-background-accent-magenta-subtler-hovered: #943D73;
1381
- --ds-background-accent-magenta-subtler-pressed: #AE4787;
1382
- --ds-background-accent-magenta-subtle: #943D73;
1383
- --ds-background-accent-magenta-subtle-hovered: #50253F;
1384
- --ds-background-accent-magenta-subtle-pressed: #421F34;
1385
- --ds-background-accent-magenta-bolder: #E774BB;
1386
- --ds-background-accent-magenta-bolder-hovered: #F797D2;
1387
- --ds-background-accent-magenta-bolder-pressed: #FDD0EC;
1388
- --ds-background-accent-gray-subtlest: #8C9CB8;
1389
- --ds-background-accent-gray-subtlest-hovered: #9FB0CC;
1390
- --ds-background-accent-gray-subtlest-pressed: #ABBBD6;
1391
- --ds-background-accent-gray-subtler: #9FB0CC;
1392
- --ds-background-accent-gray-subtler-hovered: #8C9CB8;
1393
- --ds-background-accent-gray-subtler-pressed: #7988A3;
1394
- --ds-background-accent-gray-subtle: #ABBBD6;
1395
- --ds-background-accent-gray-subtle-hovered: #B8C7E0;
1396
- --ds-background-accent-gray-subtle-pressed: #CED9EB;
1397
- --ds-background-accent-gray-bolder: #CED9EB;
1398
- --ds-background-accent-gray-bolder-hovered: #B8C7E0;
1399
- --ds-background-accent-gray-bolder-pressed: #ABBBD6;
1400
- --ds-background-disabled: #3B475C;
1401
- --ds-background-input: #0E1624;
1402
- --ds-background-input-hovered: #1B2638;
1403
- --ds-background-input-pressed: #0D1424;
1404
- --ds-background-inverse-subtle: #FFFFFF29;
1405
- --ds-background-inverse-subtle-hovered: #FFFFFF3D;
1406
- --ds-background-inverse-subtle-pressed: #FFFFFF52;
1407
- --ds-background-neutral: #3B475C;
1408
- --ds-background-neutral-hovered: #313D52;
1409
- --ds-background-neutral-pressed: #B3D4FF;
1410
- --ds-background-neutral-subtle: transparent;
1411
- --ds-background-neutral-subtle-hovered: #313D52;
1412
- --ds-background-neutral-subtle-pressed: #B3D4FF;
1413
- --ds-background-neutral-bold: #CED9EB;
1414
- --ds-background-neutral-bold-hovered: #B8C7E0;
1415
- --ds-background-neutral-bold-pressed: #DCE5F5;
1416
- --ds-background-selected: #DEEBFF;
1417
- --ds-background-selected-hovered: #B3D4FF;
1418
- --ds-background-selected-pressed: #4C9AFF;
1419
- --ds-background-selected-bold: #0052CC;
1420
- --ds-background-selected-bold-hovered: #0065FF;
1421
- --ds-background-selected-bold-pressed: #0747A6;
1422
- --ds-background-brand-subtlest: #0747A6;
1423
- --ds-background-brand-subtlest-hovered: #0052CC;
1424
- --ds-background-brand-subtlest-pressed: #0747A6;
1425
- --ds-background-brand-bold: #0052CC;
1426
- --ds-background-brand-bold-hovered: #0065FF;
1427
- --ds-background-brand-bold-pressed: #0747A6;
1428
- --ds-background-brand-boldest: #B3D4FF;
1429
- --ds-background-brand-boldest-hovered: #DEEBFF;
1430
- --ds-background-brand-boldest-pressed: #4C9AFF;
1431
- --ds-background-danger: #FFEBE6;
1432
- --ds-background-danger-hovered: #FFBDAD;
1433
- --ds-background-danger-pressed: #FF8F73;
1434
- --ds-background-danger-bold: #FF5630;
1435
- --ds-background-danger-bold-hovered: #FF7452;
1436
- --ds-background-danger-bold-pressed: #DE350B;
1437
- --ds-background-warning: #FFFAE6;
1438
- --ds-background-warning-hovered: #FFF0B3;
1439
- --ds-background-warning-pressed: #FFE380;
1440
- --ds-background-warning-bold: #FFAB00;
1441
- --ds-background-warning-bold-hovered: #FFC400;
1442
- --ds-background-warning-bold-pressed: #FF991F;
1443
- --ds-background-success: #E3FCEF;
1444
- --ds-background-success-hovered: #ABF5D1;
1445
- --ds-background-success-pressed: #79F2C0;
1446
- --ds-background-success-bold: #00875A;
1447
- --ds-background-success-bold-hovered: #36B37E;
1448
- --ds-background-success-bold-pressed: #006644;
1449
- --ds-background-discovery: #EAE6FF;
1450
- --ds-background-discovery-hovered: #C0B6F2;
1451
- --ds-background-discovery-pressed: #998DD9;
1452
- --ds-background-discovery-bold: #5243AA;
1453
- --ds-background-discovery-bold-hovered: #6554C0;
1454
- --ds-background-discovery-bold-pressed: #403294;
1455
- --ds-background-information: #DEEBFF;
1456
- --ds-background-information-hovered: #B3D4FF;
1457
- --ds-background-information-pressed: #4C9AFF;
1458
- --ds-background-information-bold: #0052CC;
1459
- --ds-background-information-bold-hovered: #0065FF;
1460
- --ds-background-information-bold-pressed: #0747A6;
1461
- --ds-blanket: #0d1424a0;
1462
- --ds-blanket-selected: #1D7AFC14;
1463
- --ds-blanket-danger: #E3493514;
1464
- --ds-interaction-hovered: #ffffff33;
1465
- --ds-interaction-pressed: #ffffff5c;
1466
- --ds-skeleton: #0d1424f2;
1467
- --ds-skeleton-subtle: #0d1424f7;
1468
- --ds-chart-categorical-1: #00B8D9;
1469
- --ds-chart-categorical-1-hovered: #00C7E6;
1470
- --ds-chart-categorical-2: #6554C0;
1471
- --ds-chart-categorical-2-hovered: #8777D9;
1472
- --ds-chart-categorical-3: #D97008;
1473
- --ds-chart-categorical-3-hovered: #F18D13;
1474
- --ds-chart-categorical-4: #F797D2;
1475
- --ds-chart-categorical-4-hovered: #FDD0EC;
1476
- --ds-chart-categorical-5: #0065FF;
1477
- --ds-chart-categorical-5-hovered: #2684FF;
1478
- --ds-chart-categorical-6: #6554C0;
1479
- --ds-chart-categorical-6-hovered: #8777D9;
1480
- --ds-chart-categorical-7: #FDD0EC;
1481
- --ds-chart-categorical-7-hovered: #FFECF8;
1482
- --ds-chart-categorical-8: #FEC57B;
1483
- --ds-chart-categorical-8-hovered: #FFE2BD;
1484
- --ds-chart-lime-bold: #6A9A23;
1485
- --ds-chart-lime-bold-hovered: #5B7F24;
1486
- --ds-chart-lime-bolder: #5B7F24;
1487
- --ds-chart-lime-bolder-hovered: #4C6B1F;
1488
- --ds-chart-lime-boldest: #4C6B1F;
1489
- --ds-chart-lime-boldest-hovered: #37471F;
1490
- --ds-chart-neutral: #B8C7E0;
1491
- --ds-chart-neutral-hovered: #ABBBD6;
1492
- --ds-chart-red-bold: #BF2600;
1493
- --ds-chart-red-bold-hovered: #DE350B;
1494
- --ds-chart-red-bolder: #DE350B;
1495
- --ds-chart-red-bolder-hovered: #FF5630;
1496
- --ds-chart-red-boldest: #FF5630;
1497
- --ds-chart-red-boldest-hovered: #FF7452;
1498
- --ds-chart-orange-bold: #F18D13;
1499
- --ds-chart-orange-bold-hovered: #FAA53D;
1500
- --ds-chart-orange-bolder: #FAA53D;
1501
- --ds-chart-orange-bolder-hovered: #FEC57B;
1502
- --ds-chart-orange-boldest: #FEC57B;
1503
- --ds-chart-orange-boldest-hovered: #FFE2BD;
1504
- --ds-chart-yellow-bold: #FF8B00;
1505
- --ds-chart-yellow-bold-hovered: #FF991F;
1506
- --ds-chart-yellow-bolder: #FF991F;
1507
- --ds-chart-yellow-bolder-hovered: #FFAB00;
1508
- --ds-chart-yellow-boldest: #FFAB00;
1509
- --ds-chart-yellow-boldest-hovered: #FFC400;
1510
- --ds-chart-green-bold: #006644;
1511
- --ds-chart-green-bold-hovered: #00875A;
1512
- --ds-chart-green-bolder: #00875A;
1513
- --ds-chart-green-bolder-hovered: #36B37E;
1514
- --ds-chart-green-boldest: #36B37E;
1515
- --ds-chart-green-boldest-hovered: #57D9A3;
1516
- --ds-chart-teal-bold: #008DA6;
1517
- --ds-chart-teal-bold-hovered: #00A3BF;
1518
- --ds-chart-teal-bolder: #00A3BF;
1519
- --ds-chart-teal-bolder-hovered: #00B8D9;
1520
- --ds-chart-teal-boldest: #00B8D9;
1521
- --ds-chart-teal-boldest-hovered: #00C7E6;
1522
- --ds-chart-blue-bold: #0747A6;
1523
- --ds-chart-blue-bold-hovered: #0052CC;
1524
- --ds-chart-blue-bolder: #0052CC;
1525
- --ds-chart-blue-bolder-hovered: #0065FF;
1526
- --ds-chart-blue-boldest: #0065FF;
1527
- --ds-chart-blue-boldest-hovered: #2684FF;
1528
- --ds-chart-purple-bold: #403294;
1529
- --ds-chart-purple-bold-hovered: #5243AA;
1530
- --ds-chart-purple-bolder: #5243AA;
1531
- --ds-chart-purple-bolder-hovered: #6554C0;
1532
- --ds-chart-purple-boldest: #6554C0;
1533
- --ds-chart-purple-boldest-hovered: #8777D9;
1534
- --ds-chart-magenta-bold: #CD519D;
1535
- --ds-chart-magenta-bold-hovered: #DA62AC;
1536
- --ds-chart-magenta-bolder: #DA62AC;
1537
- --ds-chart-magenta-bolder-hovered: #E774BB;
1538
- --ds-chart-magenta-boldest: #F797D2;
1539
- --ds-chart-magenta-boldest-hovered: #FDD0EC;
1540
- --ds-chart-gray-bold: #B8C7E0;
1541
- --ds-chart-gray-bold-hovered: #CED9EB;
1542
- --ds-chart-gray-bolder: #CED9EB;
1543
- --ds-chart-gray-bolder-hovered: #DCE5F5;
1544
- --ds-chart-gray-boldest: #DCE5F5;
1545
- --ds-chart-gray-boldest-hovered: #E6EDFA;
1546
- --ds-chart-brand: #0052CC;
1547
- --ds-chart-brand-hovered: #0065FF;
1548
- --ds-chart-danger: #DE350B;
1549
- --ds-chart-danger-hovered: #FF5630;
1550
- --ds-chart-danger-bold: #FF5630;
1551
- --ds-chart-danger-bold-hovered: #FF7452;
1552
- --ds-chart-warning: #FF991F;
1553
- --ds-chart-warning-hovered: #FFAB00;
1554
- --ds-chart-warning-bold: #FFAB00;
1555
- --ds-chart-warning-bold-hovered: #FFC400;
1556
- --ds-chart-success: #00875A;
1557
- --ds-chart-success-hovered: #36B37E;
1558
- --ds-chart-success-bold: #36B37E;
1559
- --ds-chart-success-bold-hovered: #57D9A3;
1560
- --ds-chart-discovery: #5243AA;
1561
- --ds-chart-discovery-hovered: #6554C0;
1562
- --ds-chart-discovery-bold: #6554C0;
1563
- --ds-chart-discovery-bold-hovered: #8777D9;
1564
- --ds-chart-information: #0052CC;
1565
- --ds-chart-information-hovered: #0065FF;
1566
- --ds-chart-information-bold: #0065FF;
1567
- --ds-chart-information-bold-hovered: #2684FF;
1568
- --ds-surface: #1B2638;
1569
- --ds-surface-hovered: #202B3D;
1570
- --ds-surface-pressed: #283447;
1571
- --ds-surface-overlay: #7988A3;
1572
- --ds-surface-overlay-hovered: #8C9CB8;
1573
- --ds-surface-overlay-pressed: #9FB0CC;
1574
- --ds-surface-raised: #455166;
1575
- --ds-surface-raised-hovered: #56637A;
1576
- --ds-surface-raised-pressed: #67758F;
1577
- --ds-surface-sunken: #67758F;
1578
- --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
1579
- --ds-shadow-overflow-perimeter: #03040480;
1580
- --ds-shadow-overflow-spread: #0304048f;
1581
- --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;
1582
- --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;
1583
- --ds-opacity-disabled: 0.4;
1584
- --ds-opacity-loading: 0.2;
1585
- --ds-UNSAFE-transparent: transparent;
1586
- --ds-elevation-surface-current: #1B2638;
1587
- }
1588
-
1589
-
1590
-
1591
- /* ------ THEME: spacing ------ */
1592
-
1593
-
1594
- html[data-theme~="spacing:spacing"] {
1595
- --ds-space-0: 0rem;
1596
- --ds-space-025: 0.125rem;
1597
- --ds-space-050: 0.25rem;
1598
- --ds-space-075: 0.375rem;
1599
- --ds-space-100: 0.5rem;
1600
- --ds-space-150: 0.75rem;
1601
- --ds-space-200: 1rem;
1602
- --ds-space-250: 1.25rem;
1603
- --ds-space-300: 1.5rem;
1604
- --ds-space-400: 2rem;
1605
- --ds-space-500: 2.5rem;
1606
- --ds-space-600: 3rem;
1607
- --ds-space-800: 4rem;
1608
- --ds-space-1000: 5rem;
1609
- }
1610
-
1611
-
1612
-
1613
- /* ------ THEME: typography ------ */
1614
-
1615
-
1616
- html[data-theme~="typography:typography"] {
1617
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
1618
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
1619
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
1620
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1621
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
1622
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
1623
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
1624
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
1625
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
1626
- --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);
1627
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
1628
- --ds-font-letterSpacing-0: 0;
1629
- --ds-font-letterSpacing-100: 0;
1630
- --ds-font-letterSpacing-200: 0;
1631
- --ds-font-letterSpacing-300: 0;
1632
- --ds-font-letterSpacing-400: 0;
1633
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
1634
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
1635
- --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1636
- --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1637
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1638
- --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1639
- --ds-font-family-brand: Charlie Sans;
1640
- }
1641
-
1642
-
1643
-
1644
- /* ------ THEME: shape ------ */
1645
-
1646
-
1647
- html[data-theme~="shape:shape"] {
1648
- --ds-border-radius-050: 0.125rem;
1649
- --ds-border-radius: 0.25rem;
1650
- --ds-border-radius-100: 0.25rem;
1651
- --ds-border-radius-200: 0.5rem;
1652
- --ds-border-radius-300: 0.75rem;
1653
- --ds-border-radius-400: 1rem;
1654
- --ds-border-radius-circle: 2002rem;
1655
- --ds-border-width: 0.0625rem;
1656
- --ds-border-width-0: 0rem;
1657
- --ds-border-width-indicator: 0.1875rem;
1658
- --ds-border-width-outline: 0.125rem;
1659
- }
1660
-
1661
-
1662
-
1663
- /* ------ THEME: typography-adg3 ------ */
1664
-
1665
-
1666
- html[data-theme~="typography:typography-adg3"] {
1667
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);
1668
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-product);
1669
- --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);
1670
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1671
- --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);
1672
- --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);
1673
- --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);
1674
- --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);
1675
- --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);
1676
- --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);
1677
- --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);
1678
- --ds-font-letterSpacing-0: 0;
1679
- --ds-font-letterSpacing-100: -0.003em;
1680
- --ds-font-letterSpacing-200: -0.006em;
1681
- --ds-font-letterSpacing-300: -0.008em;
1682
- --ds-font-letterSpacing-400: -0.01em;
1683
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-product);
1684
- --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-product);
1685
- --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1686
- --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1687
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1688
- --ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
1689
- --ds-font-family-brand: Charlie Sans;
1690
- --ds-font-size-050: 0.6875rem;
1691
- --ds-font-size-075: 0.75rem;
1692
- --ds-font-size-100: 0.875rem;
1693
- --ds-font-size-200: 1rem;
1694
- --ds-font-size-300: 1.25rem;
1695
- --ds-font-size-400: 1.5rem;
1696
- --ds-font-size-500: 1.8125rem;
1697
- --ds-font-size-600: 2.1875rem;
1698
- --ds-font-weight-bold: 700;
1699
- --ds-font-weight-medium: 500;
1700
- --ds-font-weight-regular: 400;
1701
- --ds-font-weight-semibold: 600;
1702
- --ds-font-lineHeight-1: 1;
1703
- --ds-font-lineHeight-100: 1rem;
1704
- --ds-font-lineHeight-200: 1.25rem;
1705
- --ds-font-lineHeight-300: 1.5rem;
1706
- --ds-font-lineHeight-400: 1.75rem;
1707
- --ds-font-lineHeight-500: 2rem;
1708
- --ds-font-lineHeight-600: 2.5rem;
1709
- }
1710
-
1711
-
1712
-
1713
- /* ------ THEME: typography-minor3 ------ */
1714
-
1715
-
1716
- html[data-theme~="typography:typography-minor3"] {
1717
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
1718
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
1719
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
1720
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1721
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
1722
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
1723
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
1724
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
1725
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
1726
- --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);
1727
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
1728
- --ds-font-letterSpacing-0: 0;
1729
- --ds-font-letterSpacing-100: 0;
1730
- --ds-font-letterSpacing-200: 0;
1731
- --ds-font-letterSpacing-300: 0;
1732
- --ds-font-letterSpacing-400: 0;
1733
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
1734
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
1735
- --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1736
- --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1737
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1738
- --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1739
- --ds-font-family-brand: Charlie Sans;
1740
- }
1741
-
1742
-
1743
-
1744
- /* ------ THEME: light-new-input-border ------ */
1745
-
1746
-
1747
- html[data-color-mode="light"][data-theme~="light:light"],
1748
- html[data-color-mode="dark"][data-theme~="dark:light"] {
1749
- color-scheme: light;
1750
- --ds-border-input: #8590A2;
1751
- }
1752
-
1753
-
1754
-
1755
- /* ------ THEME: dark-new-input-border ------ */
1756
-
1757
-
1758
- html[data-color-mode="light"][data-theme~="light:dark"],
1759
- html[data-color-mode="dark"][data-theme~="dark:dark"] {
1760
- color-scheme: dark;
1761
- --ds-border-input: #738496;
1762
- }