@seed-design/css 0.0.4 → 0.0.5
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/README.md +2 -0
- package/all.css +227 -200
- package/all.min.css +1 -1
- package/package.json +1 -1
- package/recipes/action-button.css +42 -40
- package/recipes/action-button.d.ts +1 -3
- package/recipes/action-button.mjs +4 -14
- package/recipes/action-chip.css +12 -10
- package/recipes/action-chip.d.ts +1 -3
- package/recipes/action-chip.mjs +4 -14
- package/recipes/action-sheet-item.css +5 -5
- package/recipes/action-sheet-item.d.ts +1 -3
- package/recipes/action-sheet-item.mjs +4 -14
- package/recipes/badge.css +26 -21
- package/recipes/badge.d.ts +1 -3
- package/recipes/badge.mjs +4 -14
- package/recipes/control-chip.css +14 -12
- package/recipes/control-chip.d.ts +1 -3
- package/recipes/control-chip.mjs +4 -14
- package/recipes/extended-action-sheet-item.css +6 -6
- package/recipes/extended-action-sheet-item.d.ts +1 -3
- package/recipes/extended-action-sheet-item.mjs +4 -14
- package/recipes/extended-fab.css +12 -12
- package/recipes/extended-fab.d.ts +1 -3
- package/recipes/extended-fab.mjs +4 -14
- package/recipes/fab.css +5 -5
- package/recipes/fab.d.ts +1 -3
- package/recipes/fab.mjs +4 -14
- package/recipes/help-bubble.css +2 -2
- package/recipes/link-content.css +9 -6
- package/recipes/link-content.d.ts +1 -3
- package/recipes/link-content.mjs +4 -14
- package/recipes/manner-temp-badge.css +7 -7
- package/recipes/manner-temp-badge.d.ts +1 -3
- package/recipes/manner-temp-badge.mjs +4 -14
- package/recipes/reaction-button.css +17 -17
- package/recipes/reaction-button.d.ts +1 -3
- package/recipes/reaction-button.mjs +4 -14
- package/recipes/select-box-group.css +1 -1
- package/recipes/select-box-group.d.ts +1 -3
- package/recipes/select-box-group.mjs +4 -14
- package/recipes/skeleton.css +6 -6
- package/recipes/skeleton.d.ts +1 -3
- package/recipes/skeleton.mjs +4 -14
- package/recipes/snackbar-region.css +1 -1
- package/recipes/snackbar-region.d.ts +1 -3
- package/recipes/snackbar-region.mjs +4 -14
- package/recipes/text.css +46 -26
- package/recipes/text.d.ts +2 -4
- package/recipes/text.mjs +8 -14
- package/recipes/toggle-button.css +24 -24
- package/recipes/toggle-button.d.ts +1 -3
- package/recipes/toggle-button.mjs +4 -14
- package/recipes/visually-hidden.css +1 -1
- package/recipes/visually-hidden.d.ts +1 -3
- package/recipes/visually-hidden.mjs +4 -14
- package/vars/component/help-bubble.d.ts +4 -1
- package/vars/component/help-bubble.mjs +4 -1
- package/vars/component/typography.d.ts +36 -0
- package/vars/component/typography.mjs +36 -0
package/all.css
CHANGED
|
@@ -753,7 +753,7 @@
|
|
|
753
753
|
box-shadow: 0 0 0 4px var(--seed-color-bg-layer-default);
|
|
754
754
|
}
|
|
755
755
|
|
|
756
|
-
.seed-action-
|
|
756
|
+
.seed-action-button {
|
|
757
757
|
box-sizing: border-box;
|
|
758
758
|
cursor: pointer;
|
|
759
759
|
text-transform: none;
|
|
@@ -768,20 +768,20 @@
|
|
|
768
768
|
display: inline-flex;
|
|
769
769
|
}
|
|
770
770
|
|
|
771
|
-
.seed-action-
|
|
771
|
+
.seed-action-button:is(:focus, [data-focus]) {
|
|
772
772
|
outline: none;
|
|
773
773
|
}
|
|
774
774
|
|
|
775
|
-
.seed-action-
|
|
775
|
+
.seed-action-button:is(:disabled, [disabled], [data-disabled]) {
|
|
776
776
|
cursor: not-allowed;
|
|
777
777
|
}
|
|
778
778
|
|
|
779
|
-
.seed-action-
|
|
779
|
+
.seed-action-button {
|
|
780
780
|
transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
|
|
781
781
|
font-weight: var(--seed-font-weight-bold);
|
|
782
782
|
}
|
|
783
783
|
|
|
784
|
-
.seed-action-
|
|
784
|
+
.seed-action-button--variant_brandSolid {
|
|
785
785
|
background: var(--seed-color-bg-brand-solid);
|
|
786
786
|
color: var(--seed-color-palette-static-white);
|
|
787
787
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
@@ -791,11 +791,11 @@
|
|
|
791
791
|
--range-color: var(--seed-color-palette-static-white);
|
|
792
792
|
}
|
|
793
793
|
|
|
794
|
-
.seed-action-
|
|
794
|
+
.seed-action-button--variant_brandSolid:is(:active, [data-active]) {
|
|
795
795
|
background: var(--seed-color-bg-brand-solid-pressed);
|
|
796
796
|
}
|
|
797
797
|
|
|
798
|
-
.seed-action-
|
|
798
|
+
.seed-action-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
|
|
799
799
|
background: var(--seed-color-bg-disabled);
|
|
800
800
|
color: var(--seed-color-fg-disabled);
|
|
801
801
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
@@ -803,11 +803,11 @@
|
|
|
803
803
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
804
804
|
}
|
|
805
805
|
|
|
806
|
-
.seed-action-
|
|
806
|
+
.seed-action-button--variant_brandSolid[data-loading] {
|
|
807
807
|
background: var(--seed-color-bg-brand-solid-pressed);
|
|
808
808
|
}
|
|
809
809
|
|
|
810
|
-
.seed-action-
|
|
810
|
+
.seed-action-button--variant_neutralSolid {
|
|
811
811
|
background: var(--seed-color-bg-neutral-inverted);
|
|
812
812
|
color: var(--seed-color-fg-neutral-inverted);
|
|
813
813
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
@@ -817,11 +817,11 @@
|
|
|
817
817
|
--range-color: var(--seed-color-palette-static-white);
|
|
818
818
|
}
|
|
819
819
|
|
|
820
|
-
.seed-action-
|
|
820
|
+
.seed-action-button--variant_neutralSolid:is(:active, [data-active]) {
|
|
821
821
|
background: var(--seed-color-bg-neutral-inverted-pressed);
|
|
822
822
|
}
|
|
823
823
|
|
|
824
|
-
.seed-action-
|
|
824
|
+
.seed-action-button--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) {
|
|
825
825
|
background: var(--seed-color-bg-disabled);
|
|
826
826
|
color: var(--seed-color-fg-disabled);
|
|
827
827
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
@@ -829,11 +829,11 @@
|
|
|
829
829
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.seed-action-
|
|
832
|
+
.seed-action-button--variant_neutralSolid[data-loading] {
|
|
833
833
|
background: var(--seed-color-bg-neutral-inverted-pressed);
|
|
834
834
|
}
|
|
835
835
|
|
|
836
|
-
.seed-action-
|
|
836
|
+
.seed-action-button--variant_neutralWeak {
|
|
837
837
|
background: var(--seed-color-bg-neutral-weak);
|
|
838
838
|
color: var(--seed-color-fg-neutral);
|
|
839
839
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
@@ -843,11 +843,11 @@
|
|
|
843
843
|
--range-color: var(--seed-color-fg-neutral);
|
|
844
844
|
}
|
|
845
845
|
|
|
846
|
-
.seed-action-
|
|
846
|
+
.seed-action-button--variant_neutralWeak:is(:active, [data-active]) {
|
|
847
847
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
848
848
|
}
|
|
849
849
|
|
|
850
|
-
.seed-action-
|
|
850
|
+
.seed-action-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {
|
|
851
851
|
background: var(--seed-color-bg-disabled);
|
|
852
852
|
color: var(--seed-color-fg-disabled);
|
|
853
853
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
@@ -855,11 +855,11 @@
|
|
|
855
855
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
856
856
|
}
|
|
857
857
|
|
|
858
|
-
.seed-action-
|
|
858
|
+
.seed-action-button--variant_neutralWeak[data-loading] {
|
|
859
859
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
860
860
|
}
|
|
861
861
|
|
|
862
|
-
.seed-action-
|
|
862
|
+
.seed-action-button--variant_criticalSolid {
|
|
863
863
|
background: var(--seed-color-bg-critical-solid);
|
|
864
864
|
color: var(--seed-color-palette-static-white);
|
|
865
865
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
@@ -869,11 +869,11 @@
|
|
|
869
869
|
--range-color: var(--seed-color-palette-static-white);
|
|
870
870
|
}
|
|
871
871
|
|
|
872
|
-
.seed-action-
|
|
872
|
+
.seed-action-button--variant_criticalSolid:is(:active, [data-active]) {
|
|
873
873
|
background: var(--seed-color-bg-critical-solid-pressed);
|
|
874
874
|
}
|
|
875
875
|
|
|
876
|
-
.seed-action-
|
|
876
|
+
.seed-action-button--variant_criticalSolid:is(:disabled, [disabled], [data-disabled]) {
|
|
877
877
|
background: var(--seed-color-bg-disabled);
|
|
878
878
|
color: var(--seed-color-fg-disabled);
|
|
879
879
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
@@ -881,11 +881,11 @@
|
|
|
881
881
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
882
882
|
}
|
|
883
883
|
|
|
884
|
-
.seed-action-
|
|
884
|
+
.seed-action-button--variant_criticalSolid[data-loading] {
|
|
885
885
|
background: var(--seed-color-bg-critical-solid-pressed);
|
|
886
886
|
}
|
|
887
887
|
|
|
888
|
-
.seed-action-
|
|
888
|
+
.seed-action-button--variant_brandOutline {
|
|
889
889
|
background: var(--seed-color-bg-layer-default);
|
|
890
890
|
border-style: solid;
|
|
891
891
|
border-width: 1px;
|
|
@@ -898,11 +898,11 @@
|
|
|
898
898
|
--range-color: var(--seed-color-bg-brand-solid);
|
|
899
899
|
}
|
|
900
900
|
|
|
901
|
-
.seed-action-
|
|
901
|
+
.seed-action-button--variant_brandOutline:is(:active, [data-active]) {
|
|
902
902
|
background: var(--seed-color-bg-layer-default-pressed);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
-
.seed-action-
|
|
905
|
+
.seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) {
|
|
906
906
|
background: var(--seed-color-bg-layer-default);
|
|
907
907
|
border-color: var(--seed-color-stroke-neutral);
|
|
908
908
|
color: var(--seed-color-fg-disabled);
|
|
@@ -911,11 +911,11 @@
|
|
|
911
911
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
912
912
|
}
|
|
913
913
|
|
|
914
|
-
.seed-action-
|
|
914
|
+
.seed-action-button--variant_brandOutline[data-loading] {
|
|
915
915
|
background: var(--seed-color-bg-layer-default);
|
|
916
916
|
}
|
|
917
917
|
|
|
918
|
-
.seed-action-
|
|
918
|
+
.seed-action-button--variant_neutralOutline {
|
|
919
919
|
background: var(--seed-color-bg-layer-default);
|
|
920
920
|
border-style: solid;
|
|
921
921
|
border-width: 1px;
|
|
@@ -928,11 +928,11 @@
|
|
|
928
928
|
--range-color: var(--seed-color-fg-neutral);
|
|
929
929
|
}
|
|
930
930
|
|
|
931
|
-
.seed-action-
|
|
931
|
+
.seed-action-button--variant_neutralOutline:is(:active, [data-active]) {
|
|
932
932
|
background: var(--seed-color-bg-layer-default-pressed);
|
|
933
933
|
}
|
|
934
934
|
|
|
935
|
-
.seed-action-
|
|
935
|
+
.seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
|
|
936
936
|
background: var(--seed-color-bg-layer-default);
|
|
937
937
|
border-color: var(--seed-color-stroke-neutral);
|
|
938
938
|
color: var(--seed-color-fg-disabled);
|
|
@@ -941,11 +941,11 @@
|
|
|
941
941
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
.seed-action-
|
|
944
|
+
.seed-action-button--variant_neutralOutline[data-loading] {
|
|
945
945
|
background: var(--seed-color-bg-layer-default);
|
|
946
946
|
}
|
|
947
947
|
|
|
948
|
-
.seed-action-
|
|
948
|
+
.seed-action-button--size_xsmall {
|
|
949
949
|
height: var(--seed-dimension-x8);
|
|
950
950
|
border-radius: var(--seed-radius-full);
|
|
951
951
|
--size: 14px;
|
|
@@ -955,7 +955,7 @@
|
|
|
955
955
|
--seed-icon-size: var(--seed-dimension-x3_5);
|
|
956
956
|
}
|
|
957
957
|
|
|
958
|
-
.seed-action-
|
|
958
|
+
.seed-action-button--size_small {
|
|
959
959
|
height: var(--seed-dimension-x9);
|
|
960
960
|
border-radius: var(--seed-radius-r2);
|
|
961
961
|
--size: 14px;
|
|
@@ -965,7 +965,7 @@
|
|
|
965
965
|
--seed-icon-size: var(--seed-dimension-x4);
|
|
966
966
|
}
|
|
967
967
|
|
|
968
|
-
.seed-action-
|
|
968
|
+
.seed-action-button--size_medium {
|
|
969
969
|
height: var(--seed-dimension-x10);
|
|
970
970
|
border-radius: var(--seed-radius-r2);
|
|
971
971
|
--size: 16px;
|
|
@@ -975,7 +975,7 @@
|
|
|
975
975
|
--seed-icon-size: 18px;
|
|
976
976
|
}
|
|
977
977
|
|
|
978
|
-
.seed-action-
|
|
978
|
+
.seed-action-button--size_large {
|
|
979
979
|
height: var(--seed-dimension-x13);
|
|
980
980
|
border-radius: var(--seed-radius-r3);
|
|
981
981
|
--size: 18px;
|
|
@@ -985,98 +985,98 @@
|
|
|
985
985
|
--seed-icon-size: 22px;
|
|
986
986
|
}
|
|
987
987
|
|
|
988
|
-
.seed-action-
|
|
988
|
+
.seed-action-button--size_xsmall-layout_withText {
|
|
989
989
|
gap: var(--seed-dimension-x1);
|
|
990
990
|
padding-inline: var(--seed-dimension-x3_5);
|
|
991
991
|
padding-block: var(--seed-dimension-x1_5);
|
|
992
992
|
font-size: var(--seed-font-size-t4);
|
|
993
993
|
}
|
|
994
994
|
|
|
995
|
-
.seed-action-
|
|
995
|
+
.seed-action-button--size_xsmall-layout_iconOnly {
|
|
996
996
|
min-width: var(--seed-dimension-x8);
|
|
997
997
|
padding-inline: var(--seed-dimension-x1_5);
|
|
998
998
|
padding-block: var(--seed-dimension-x1_5);
|
|
999
999
|
}
|
|
1000
1000
|
|
|
1001
|
-
.seed-action-
|
|
1001
|
+
.seed-action-button--size_small-layout_withText {
|
|
1002
1002
|
gap: var(--seed-dimension-x1);
|
|
1003
1003
|
padding-inline: var(--seed-dimension-x3_5);
|
|
1004
1004
|
padding-block: var(--seed-dimension-x2);
|
|
1005
1005
|
font-size: var(--seed-font-size-t4);
|
|
1006
1006
|
}
|
|
1007
1007
|
|
|
1008
|
-
.seed-action-
|
|
1008
|
+
.seed-action-button--size_small-layout_iconOnly {
|
|
1009
1009
|
min-width: var(--seed-dimension-x9);
|
|
1010
1010
|
padding-inline: var(--seed-dimension-x2);
|
|
1011
1011
|
padding-block: var(--seed-dimension-x2);
|
|
1012
1012
|
}
|
|
1013
1013
|
|
|
1014
|
-
.seed-action-
|
|
1014
|
+
.seed-action-button--size_medium-layout_withText {
|
|
1015
1015
|
gap: var(--seed-dimension-x1);
|
|
1016
1016
|
padding-inline: var(--seed-dimension-x4);
|
|
1017
1017
|
padding-block: var(--seed-dimension-x2_5);
|
|
1018
1018
|
font-size: var(--seed-font-size-t4);
|
|
1019
1019
|
}
|
|
1020
1020
|
|
|
1021
|
-
.seed-action-
|
|
1021
|
+
.seed-action-button--size_medium-layout_iconOnly {
|
|
1022
1022
|
min-width: var(--seed-dimension-x10);
|
|
1023
1023
|
padding-inline: var(--seed-dimension-x2_5);
|
|
1024
1024
|
padding-block: var(--seed-dimension-x2_5);
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
|
-
.seed-action-
|
|
1027
|
+
.seed-action-button--size_large-layout_withText {
|
|
1028
1028
|
gap: var(--seed-dimension-x2);
|
|
1029
1029
|
padding-inline: var(--seed-dimension-x5);
|
|
1030
1030
|
padding-block: var(--seed-dimension-x3_5);
|
|
1031
1031
|
font-size: var(--seed-font-size-t6);
|
|
1032
1032
|
}
|
|
1033
1033
|
|
|
1034
|
-
.seed-action-
|
|
1034
|
+
.seed-action-button--size_large-layout_iconOnly {
|
|
1035
1035
|
min-width: var(--seed-dimension-x13);
|
|
1036
1036
|
padding-inline: var(--seed-dimension-x3_5);
|
|
1037
1037
|
padding-block: var(--seed-dimension-x3_5);
|
|
1038
1038
|
}
|
|
1039
1039
|
|
|
1040
|
-
.seed-toggle-
|
|
1040
|
+
.seed-toggle-button {
|
|
1041
1041
|
box-sizing: border-box;
|
|
1042
1042
|
cursor: pointer;
|
|
1043
1043
|
text-transform: none;
|
|
1044
1044
|
-webkit-font-smoothing: antialiased;
|
|
1045
1045
|
-moz-osx-font-smoothing: grayscale;
|
|
1046
|
-
font-family: inherit;
|
|
1047
|
-
font-weight: var(--seed-font-weight-bold);
|
|
1048
1046
|
border: none;
|
|
1049
1047
|
flex-shrink: 0;
|
|
1050
1048
|
justify-content: center;
|
|
1051
1049
|
align-items: center;
|
|
1050
|
+
font-family: inherit;
|
|
1052
1051
|
text-decoration: none;
|
|
1053
1052
|
display: inline-flex;
|
|
1054
1053
|
}
|
|
1055
1054
|
|
|
1056
|
-
.seed-toggle-
|
|
1055
|
+
.seed-toggle-button:is(:focus, [data-focus]) {
|
|
1057
1056
|
outline: none;
|
|
1058
1057
|
}
|
|
1059
1058
|
|
|
1060
|
-
.seed-toggle-
|
|
1059
|
+
.seed-toggle-button:is(:disabled, [disabled], [data-disabled]) {
|
|
1061
1060
|
cursor: not-allowed;
|
|
1062
1061
|
}
|
|
1063
1062
|
|
|
1064
|
-
.seed-toggle-
|
|
1063
|
+
.seed-toggle-button {
|
|
1065
1064
|
transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
|
|
1065
|
+
font-weight: var(--seed-font-weight-bold);
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
1068
|
-
.seed-toggle-
|
|
1068
|
+
.seed-toggle-button--variant_brandSolid {
|
|
1069
1069
|
background: var(--seed-color-bg-brand-solid);
|
|
1070
1070
|
color: var(--seed-color-palette-static-white);
|
|
1071
1071
|
--track-color: var(--seed-color-palette-static-white-alpha-200);
|
|
1072
1072
|
--range-color: var(--seed-color-palette-static-white);
|
|
1073
1073
|
}
|
|
1074
1074
|
|
|
1075
|
-
.seed-toggle-
|
|
1075
|
+
.seed-toggle-button--variant_brandSolid:is(:active, [data-active]) {
|
|
1076
1076
|
background: var(--seed-color-bg-brand-solid-pressed);
|
|
1077
1077
|
}
|
|
1078
1078
|
|
|
1079
|
-
.seed-toggle-
|
|
1079
|
+
.seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]) {
|
|
1080
1080
|
background: var(--seed-color-bg-neutral-weak);
|
|
1081
1081
|
color: var(--seed-color-fg-neutral);
|
|
1082
1082
|
--track-color: var(--seed-color-palette-gray-500);
|
|
@@ -1085,42 +1085,42 @@
|
|
|
1085
1085
|
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
1086
1086
|
}
|
|
1087
1087
|
|
|
1088
|
-
.seed-toggle-
|
|
1088
|
+
.seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
|
|
1089
1089
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1090
1090
|
}
|
|
1091
1091
|
|
|
1092
|
-
.seed-toggle-
|
|
1092
|
+
.seed-toggle-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
|
|
1093
1093
|
background: var(--seed-color-bg-disabled);
|
|
1094
1094
|
color: var(--seed-color-fg-disabled);
|
|
1095
1095
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
1096
1096
|
--seed-suffix-icon-color: var(--seed-color-fg-disabled);
|
|
1097
1097
|
}
|
|
1098
1098
|
|
|
1099
|
-
.seed-toggle-
|
|
1099
|
+
.seed-toggle-button--variant_brandSolid[data-loading] {
|
|
1100
1100
|
background: var(--seed-color-bg-brand-solid-pressed);
|
|
1101
1101
|
}
|
|
1102
1102
|
|
|
1103
|
-
.seed-toggle-
|
|
1103
|
+
.seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed])[data-loading] {
|
|
1104
1104
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1105
1105
|
}
|
|
1106
1106
|
|
|
1107
|
-
.seed-toggle-
|
|
1107
|
+
.seed-toggle-button--variant_brandSolid {
|
|
1108
1108
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
1109
1109
|
--seed-suffix-icon-color: var(--seed-color-palette-static-white);
|
|
1110
1110
|
}
|
|
1111
1111
|
|
|
1112
|
-
.seed-toggle-
|
|
1112
|
+
.seed-toggle-button--variant_neutralWeak {
|
|
1113
1113
|
background: var(--seed-color-bg-neutral-weak);
|
|
1114
1114
|
color: var(--seed-color-fg-neutral);
|
|
1115
1115
|
--track-color: var(--seed-color-palette-gray-500);
|
|
1116
1116
|
--range-color: var(--seed-color-fg-neutral);
|
|
1117
1117
|
}
|
|
1118
1118
|
|
|
1119
|
-
.seed-toggle-
|
|
1119
|
+
.seed-toggle-button--variant_neutralWeak:is(:active, [data-active]) {
|
|
1120
1120
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1121
1121
|
}
|
|
1122
1122
|
|
|
1123
|
-
.seed-toggle-
|
|
1123
|
+
.seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]) {
|
|
1124
1124
|
background: var(--seed-color-bg-neutral-weak);
|
|
1125
1125
|
color: var(--seed-color-fg-neutral);
|
|
1126
1126
|
--track-color: var(--seed-color-palette-gray-500);
|
|
@@ -1129,27 +1129,27 @@
|
|
|
1129
1129
|
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
1130
1130
|
}
|
|
1131
1131
|
|
|
1132
|
-
.seed-toggle-
|
|
1132
|
+
.seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
|
|
1133
1133
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1134
1134
|
}
|
|
1135
1135
|
|
|
1136
|
-
.seed-toggle-
|
|
1136
|
+
.seed-toggle-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {
|
|
1137
1137
|
background: var(--seed-color-bg-disabled);
|
|
1138
1138
|
color: var(--seed-color-fg-disabled);
|
|
1139
1139
|
--seed-prefix-icon-color: var(--seed-color-fg-disabled);
|
|
1140
1140
|
--seed-suffix-icon-color: var(--seed-color-fg-disabled);
|
|
1141
1141
|
}
|
|
1142
1142
|
|
|
1143
|
-
.seed-toggle-
|
|
1143
|
+
.seed-toggle-button--variant_neutralWeak[data-loading], .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed])[data-loading] {
|
|
1144
1144
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
|
-
.seed-toggle-
|
|
1147
|
+
.seed-toggle-button--variant_neutralWeak {
|
|
1148
1148
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
1149
1149
|
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
1150
1150
|
}
|
|
1151
1151
|
|
|
1152
|
-
.seed-toggle-
|
|
1152
|
+
.seed-toggle-button--size_xsmall {
|
|
1153
1153
|
height: var(--seed-dimension-x8);
|
|
1154
1154
|
border-radius: var(--seed-radius-full);
|
|
1155
1155
|
gap: var(--seed-dimension-x1);
|
|
@@ -1162,7 +1162,7 @@
|
|
|
1162
1162
|
--seed-suffix-icon-size: var(--seed-dimension-x3_5);
|
|
1163
1163
|
}
|
|
1164
1164
|
|
|
1165
|
-
.seed-toggle-
|
|
1165
|
+
.seed-toggle-button--size_small {
|
|
1166
1166
|
height: var(--seed-dimension-x9);
|
|
1167
1167
|
border-radius: var(--seed-radius-full);
|
|
1168
1168
|
gap: var(--seed-dimension-x1);
|
|
@@ -1175,7 +1175,7 @@
|
|
|
1175
1175
|
--seed-suffix-icon-size: var(--seed-dimension-x3_5);
|
|
1176
1176
|
}
|
|
1177
1177
|
|
|
1178
|
-
.seed-reaction-
|
|
1178
|
+
.seed-reaction-button {
|
|
1179
1179
|
box-sizing: border-box;
|
|
1180
1180
|
cursor: pointer;
|
|
1181
1181
|
text-transform: none;
|
|
@@ -1190,11 +1190,11 @@
|
|
|
1190
1190
|
display: inline-flex;
|
|
1191
1191
|
}
|
|
1192
1192
|
|
|
1193
|
-
.seed-reaction-
|
|
1193
|
+
.seed-reaction-button:is(:focus, [data-focus]) {
|
|
1194
1194
|
outline: none;
|
|
1195
1195
|
}
|
|
1196
1196
|
|
|
1197
|
-
.seed-reaction-
|
|
1197
|
+
.seed-reaction-button {
|
|
1198
1198
|
transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
|
|
1199
1199
|
background: var(--seed-color-bg-neutral-weak);
|
|
1200
1200
|
font-weight: var(--seed-font-weight-medium);
|
|
@@ -1206,11 +1206,11 @@
|
|
|
1206
1206
|
--seed-count-color: var(--seed-color-fg-neutral);
|
|
1207
1207
|
}
|
|
1208
1208
|
|
|
1209
|
-
.seed-reaction-
|
|
1209
|
+
.seed-reaction-button:is(:active, [data-active]) {
|
|
1210
1210
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1211
1211
|
}
|
|
1212
1212
|
|
|
1213
|
-
.seed-reaction-
|
|
1213
|
+
.seed-reaction-button:is([aria-pressed="true"], [data-pressed]) {
|
|
1214
1214
|
background: var(--seed-color-bg-layer-default);
|
|
1215
1215
|
color: var(--seed-color-fg-brand);
|
|
1216
1216
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
|
|
@@ -1218,11 +1218,11 @@
|
|
|
1218
1218
|
--seed-count-color: var(--seed-color-fg-brand);
|
|
1219
1219
|
}
|
|
1220
1220
|
|
|
1221
|
-
.seed-reaction-
|
|
1221
|
+
.seed-reaction-button:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
|
|
1222
1222
|
background: var(--seed-color-bg-layer-default-pressed);
|
|
1223
1223
|
}
|
|
1224
1224
|
|
|
1225
|
-
.seed-reaction-
|
|
1225
|
+
.seed-reaction-button:is(:disabled, [disabled], [data-disabled]) {
|
|
1226
1226
|
cursor: not-allowed;
|
|
1227
1227
|
background: var(--seed-color-bg-disabled);
|
|
1228
1228
|
color: var(--seed-color-fg-disabled);
|
|
@@ -1231,45 +1231,45 @@
|
|
|
1231
1231
|
--seed-count-color: var(--seed-color-fg-disabled);
|
|
1232
1232
|
}
|
|
1233
1233
|
|
|
1234
|
-
.seed-reaction-
|
|
1234
|
+
.seed-reaction-button[data-loading] {
|
|
1235
1235
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
1236
1236
|
}
|
|
1237
1237
|
|
|
1238
|
-
.seed-reaction-
|
|
1238
|
+
.seed-reaction-button:is([aria-pressed="true"], [data-pressed])[data-loading] {
|
|
1239
1239
|
background: var(--seed-color-bg-layer-default-pressed);
|
|
1240
1240
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
|
|
1241
1241
|
--track-color: var(--seed-color-palette-carrot-200);
|
|
1242
1242
|
--range-color: var(--seed-color-fg-brand);
|
|
1243
1243
|
}
|
|
1244
1244
|
|
|
1245
|
-
.seed-reaction-
|
|
1245
|
+
.seed-reaction-button--size_xsmall {
|
|
1246
1246
|
height: var(--seed-dimension-x8);
|
|
1247
|
-
border-radius: var(--seed-radius-full);
|
|
1248
|
-
gap: var(--seed-dimension-x1);
|
|
1249
1247
|
padding-inline: var(--seed-dimension-x3);
|
|
1250
1248
|
padding-block: var(--seed-dimension-x1_5);
|
|
1249
|
+
gap: var(--seed-dimension-x1);
|
|
1250
|
+
border-radius: var(--seed-radius-full);
|
|
1251
1251
|
font-size: var(--seed-font-size-t3);
|
|
1252
1252
|
line-height: var(--seed-line-height-t3);
|
|
1253
1253
|
--size: 14px;
|
|
1254
1254
|
--thickness: 2px;
|
|
1255
|
-
--seed-prefix-icon-size: 18px;
|
|
1256
1255
|
--seed-count-font-size: var(--seed-font-size-t3);
|
|
1257
1256
|
--seed-count-line-height: var(--seed-line-height-t3);
|
|
1257
|
+
--seed-prefix-icon-size: 18px;
|
|
1258
1258
|
}
|
|
1259
1259
|
|
|
1260
|
-
.seed-reaction-
|
|
1260
|
+
.seed-reaction-button--size_small {
|
|
1261
1261
|
height: var(--seed-dimension-x9);
|
|
1262
|
-
border-radius: var(--seed-radius-full);
|
|
1263
|
-
gap: var(--seed-dimension-x1);
|
|
1264
1262
|
padding-inline: var(--seed-dimension-x3_5);
|
|
1265
1263
|
padding-block: var(--seed-dimension-x2);
|
|
1264
|
+
gap: var(--seed-dimension-x1);
|
|
1265
|
+
border-radius: var(--seed-radius-full);
|
|
1266
1266
|
font-size: var(--seed-font-size-t3);
|
|
1267
1267
|
line-height: var(--seed-line-height-t3);
|
|
1268
1268
|
--size: 14px;
|
|
1269
1269
|
--thickness: 2px;
|
|
1270
|
-
--seed-prefix-icon-size: 18px;
|
|
1271
1270
|
--seed-count-font-size: var(--seed-font-size-t3);
|
|
1272
1271
|
--seed-count-line-height: var(--seed-line-height-t3);
|
|
1272
|
+
--seed-prefix-icon-size: 18px;
|
|
1273
1273
|
}
|
|
1274
1274
|
|
|
1275
1275
|
.seed-bottom-sheet__positioner {
|
|
@@ -1549,7 +1549,7 @@
|
|
|
1549
1549
|
background-color: var(--seed-color-bg-layer-floating-pressed);
|
|
1550
1550
|
}
|
|
1551
1551
|
|
|
1552
|
-
.seed-action-sheet-
|
|
1552
|
+
.seed-action-sheet-item {
|
|
1553
1553
|
background-color: var(--seed-color-bg-layer-floating);
|
|
1554
1554
|
min-height: 50px;
|
|
1555
1555
|
padding-inline: var(--seed-dimension-spacing-x-global-gutter);
|
|
@@ -1563,11 +1563,11 @@
|
|
|
1563
1563
|
position: relative;
|
|
1564
1564
|
}
|
|
1565
1565
|
|
|
1566
|
-
.seed-action-sheet-
|
|
1566
|
+
.seed-action-sheet-item:is(:active, [data-active]) {
|
|
1567
1567
|
background-color: var(--seed-color-bg-layer-floating-pressed);
|
|
1568
1568
|
}
|
|
1569
1569
|
|
|
1570
|
-
.seed-action-sheet-
|
|
1570
|
+
.seed-action-sheet-item:after {
|
|
1571
1571
|
content: "";
|
|
1572
1572
|
left: var(--seed-dimension-spacing-x-global-gutter);
|
|
1573
1573
|
right: var(--seed-dimension-spacing-x-global-gutter);
|
|
@@ -1578,11 +1578,11 @@
|
|
|
1578
1578
|
bottom: 0;
|
|
1579
1579
|
}
|
|
1580
1580
|
|
|
1581
|
-
.seed-action-sheet-
|
|
1581
|
+
.seed-action-sheet-item--tone_neutral {
|
|
1582
1582
|
color: var(--seed-color-fg-neutral);
|
|
1583
1583
|
}
|
|
1584
1584
|
|
|
1585
|
-
.seed-action-sheet-
|
|
1585
|
+
.seed-action-sheet-item--tone_critical {
|
|
1586
1586
|
color: var(--seed-color-fg-critical);
|
|
1587
1587
|
}
|
|
1588
1588
|
|
|
@@ -1717,7 +1717,7 @@
|
|
|
1717
1717
|
background-color: var(--seed-color-bg-neutral-weak-pressed);
|
|
1718
1718
|
}
|
|
1719
1719
|
|
|
1720
|
-
.seed-extended-action-sheet-
|
|
1720
|
+
.seed-extended-action-sheet-item {
|
|
1721
1721
|
background-color: var(--seed-color-bg-neutral-weak);
|
|
1722
1722
|
min-height: 52px;
|
|
1723
1723
|
padding-inline: var(--seed-dimension-x4);
|
|
@@ -1732,29 +1732,29 @@
|
|
|
1732
1732
|
display: flex;
|
|
1733
1733
|
}
|
|
1734
1734
|
|
|
1735
|
-
.seed-extended-action-sheet-
|
|
1735
|
+
.seed-extended-action-sheet-item:is(:active, [data-active]) {
|
|
1736
1736
|
background-color: var(--seed-color-bg-neutral-weak-pressed);
|
|
1737
1737
|
}
|
|
1738
1738
|
|
|
1739
|
-
.seed-extended-action-sheet-
|
|
1739
|
+
.seed-extended-action-sheet-item:last-child {
|
|
1740
1740
|
box-shadow: none;
|
|
1741
1741
|
}
|
|
1742
1742
|
|
|
1743
|
-
.seed-extended-action-sheet-
|
|
1743
|
+
.seed-extended-action-sheet-item {
|
|
1744
1744
|
--seed-prefix-icon-size: 22px;
|
|
1745
1745
|
}
|
|
1746
1746
|
|
|
1747
|
-
.seed-extended-action-sheet-
|
|
1747
|
+
.seed-extended-action-sheet-item--tone_neutral {
|
|
1748
1748
|
color: var(--seed-color-fg-neutral);
|
|
1749
1749
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
|
-
.seed-extended-action-sheet-
|
|
1752
|
+
.seed-extended-action-sheet-item--tone_critical {
|
|
1753
1753
|
color: var(--seed-color-fg-critical);
|
|
1754
1754
|
--seed-prefix-icon-color: var(--seed-color-fg-critical);
|
|
1755
1755
|
}
|
|
1756
1756
|
|
|
1757
|
-
.seed-
|
|
1757
|
+
.seed-fab {
|
|
1758
1758
|
box-sizing: border-box;
|
|
1759
1759
|
cursor: pointer;
|
|
1760
1760
|
text-transform: none;
|
|
@@ -1768,15 +1768,15 @@
|
|
|
1768
1768
|
display: inline-flex;
|
|
1769
1769
|
}
|
|
1770
1770
|
|
|
1771
|
-
.seed-
|
|
1771
|
+
.seed-fab:is(:focus, [data-focus]) {
|
|
1772
1772
|
outline: none;
|
|
1773
1773
|
}
|
|
1774
1774
|
|
|
1775
|
-
.seed-
|
|
1775
|
+
.seed-fab:is(:disabled, [disabled], [data-disabled]) {
|
|
1776
1776
|
cursor: not-allowed;
|
|
1777
1777
|
}
|
|
1778
1778
|
|
|
1779
|
-
.seed-
|
|
1779
|
+
.seed-fab {
|
|
1780
1780
|
background: var(--seed-color-bg-layer-floating);
|
|
1781
1781
|
border-radius: var(--seed-radius-full);
|
|
1782
1782
|
--seed-icon-size: 22px;
|
|
@@ -1786,11 +1786,11 @@
|
|
|
1786
1786
|
box-shadow: 0 2px 6px #00000026;
|
|
1787
1787
|
}
|
|
1788
1788
|
|
|
1789
|
-
.seed-
|
|
1789
|
+
.seed-fab:is(:active, [data-active]) {
|
|
1790
1790
|
background: var(--seed-color-bg-layer-floating-pressed);
|
|
1791
1791
|
}
|
|
1792
1792
|
|
|
1793
|
-
.seed-extended-
|
|
1793
|
+
.seed-extended-fab {
|
|
1794
1794
|
box-sizing: border-box;
|
|
1795
1795
|
cursor: pointer;
|
|
1796
1796
|
text-transform: none;
|
|
@@ -1805,46 +1805,46 @@
|
|
|
1805
1805
|
display: inline-flex;
|
|
1806
1806
|
}
|
|
1807
1807
|
|
|
1808
|
-
.seed-extended-
|
|
1808
|
+
.seed-extended-fab:is(:focus, [data-focus]) {
|
|
1809
1809
|
outline: none;
|
|
1810
1810
|
}
|
|
1811
1811
|
|
|
1812
|
-
.seed-extended-
|
|
1812
|
+
.seed-extended-fab:is(:disabled, [disabled], [data-disabled]) {
|
|
1813
1813
|
cursor: not-allowed;
|
|
1814
1814
|
}
|
|
1815
1815
|
|
|
1816
|
-
.seed-extended-
|
|
1816
|
+
.seed-extended-fab {
|
|
1817
1817
|
border-radius: var(--seed-radius-full);
|
|
1818
1818
|
box-shadow: 0 2px 6px #00000026;
|
|
1819
1819
|
}
|
|
1820
1820
|
|
|
1821
|
-
.seed-extended-
|
|
1821
|
+
.seed-extended-fab--variant_neutralSolid {
|
|
1822
1822
|
background: var(--seed-color-bg-neutral-inverted);
|
|
1823
1823
|
color: var(--seed-color-fg-neutral-inverted);
|
|
1824
1824
|
}
|
|
1825
1825
|
|
|
1826
|
-
.seed-extended-
|
|
1826
|
+
.seed-extended-fab--variant_neutralSolid:is(:active, [data-active]) {
|
|
1827
1827
|
background: var(--seed-color-bg-neutral-inverted-pressed);
|
|
1828
1828
|
}
|
|
1829
1829
|
|
|
1830
|
-
.seed-extended-
|
|
1830
|
+
.seed-extended-fab--variant_neutralSolid {
|
|
1831
1831
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
1832
1832
|
}
|
|
1833
1833
|
|
|
1834
|
-
.seed-extended-
|
|
1834
|
+
.seed-extended-fab--variant_layerFloating {
|
|
1835
1835
|
background: var(--seed-color-bg-layer-floating);
|
|
1836
1836
|
color: var(--seed-color-fg-neutral);
|
|
1837
1837
|
}
|
|
1838
1838
|
|
|
1839
|
-
.seed-extended-
|
|
1839
|
+
.seed-extended-fab--variant_layerFloating:is(:active, [data-active]) {
|
|
1840
1840
|
background: var(--seed-color-bg-layer-floating-pressed);
|
|
1841
1841
|
}
|
|
1842
1842
|
|
|
1843
|
-
.seed-extended-
|
|
1843
|
+
.seed-extended-fab--variant_layerFloating {
|
|
1844
1844
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
1845
1845
|
}
|
|
1846
1846
|
|
|
1847
|
-
.seed-extended-
|
|
1847
|
+
.seed-extended-fab--size_small {
|
|
1848
1848
|
padding-inline: var(--seed-dimension-x3_5);
|
|
1849
1849
|
padding-block: var(--seed-dimension-x2_5);
|
|
1850
1850
|
gap: var(--seed-dimension-x1);
|
|
@@ -1855,7 +1855,7 @@
|
|
|
1855
1855
|
--seed-prefix-icon-size: 16px;
|
|
1856
1856
|
}
|
|
1857
1857
|
|
|
1858
|
-
.seed-extended-
|
|
1858
|
+
.seed-extended-fab--size_medium {
|
|
1859
1859
|
padding-inline: var(--seed-dimension-x4);
|
|
1860
1860
|
padding-block: var(--seed-dimension-x3);
|
|
1861
1861
|
gap: var(--seed-dimension-x1);
|
|
@@ -1866,7 +1866,7 @@
|
|
|
1866
1866
|
--seed-prefix-icon-size: 16px;
|
|
1867
1867
|
}
|
|
1868
1868
|
|
|
1869
|
-
.seed-
|
|
1869
|
+
.seed-badge {
|
|
1870
1870
|
box-sizing: border-box;
|
|
1871
1871
|
text-transform: none;
|
|
1872
1872
|
text-align: start;
|
|
@@ -1878,7 +1878,7 @@
|
|
|
1878
1878
|
display: inline-flex;
|
|
1879
1879
|
}
|
|
1880
1880
|
|
|
1881
|
-
.seed-
|
|
1881
|
+
.seed-badge--size_medium {
|
|
1882
1882
|
min-height: var(--seed-dimension-x5);
|
|
1883
1883
|
padding-inline: var(--seed-dimension-x1_5);
|
|
1884
1884
|
padding-block: var(--seed-dimension-x0_5);
|
|
@@ -1887,7 +1887,7 @@
|
|
|
1887
1887
|
line-height: var(--seed-line-height-t1);
|
|
1888
1888
|
}
|
|
1889
1889
|
|
|
1890
|
-
.seed-
|
|
1890
|
+
.seed-badge--size_large {
|
|
1891
1891
|
min-height: var(--seed-dimension-x6);
|
|
1892
1892
|
padding-inline: var(--seed-dimension-x2);
|
|
1893
1893
|
padding-block: var(--seed-dimension-x1);
|
|
@@ -1896,85 +1896,85 @@
|
|
|
1896
1896
|
line-height: var(--seed-line-height-t2);
|
|
1897
1897
|
}
|
|
1898
1898
|
|
|
1899
|
-
.seed-
|
|
1899
|
+
.seed-badge--variant_weak {
|
|
1900
1900
|
font-weight: var(--seed-font-weight-medium);
|
|
1901
1901
|
}
|
|
1902
1902
|
|
|
1903
|
-
.seed-
|
|
1903
|
+
.seed-badge--variant_solid, .seed-badge--variant_outline {
|
|
1904
1904
|
font-weight: var(--seed-font-weight-bold);
|
|
1905
1905
|
}
|
|
1906
1906
|
|
|
1907
|
-
.seed-
|
|
1907
|
+
.seed-badge--tone_neutral-variant_weak {
|
|
1908
1908
|
background-color: var(--seed-color-bg-neutral-weak);
|
|
1909
1909
|
color: var(--seed-color-fg-neutral-muted);
|
|
1910
1910
|
}
|
|
1911
1911
|
|
|
1912
|
-
.seed-
|
|
1912
|
+
.seed-badge--tone_neutral-variant_solid {
|
|
1913
1913
|
background-color: var(--seed-color-palette-gray-800);
|
|
1914
1914
|
color: var(--seed-color-fg-neutral-inverted);
|
|
1915
1915
|
}
|
|
1916
1916
|
|
|
1917
|
-
.seed-
|
|
1917
|
+
.seed-badge--tone_neutral-variant_outline {
|
|
1918
1918
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral);
|
|
1919
1919
|
color: var(--seed-color-fg-neutral-muted);
|
|
1920
1920
|
}
|
|
1921
1921
|
|
|
1922
|
-
.seed-
|
|
1922
|
+
.seed-badge--tone_brand-variant_weak {
|
|
1923
1923
|
background-color: var(--seed-color-palette-carrot-100);
|
|
1924
1924
|
color: var(--seed-color-palette-carrot-900);
|
|
1925
1925
|
}
|
|
1926
1926
|
|
|
1927
|
-
.seed-
|
|
1927
|
+
.seed-badge--tone_brand-variant_solid {
|
|
1928
1928
|
background-color: var(--seed-color-bg-brand-solid);
|
|
1929
1929
|
color: var(--seed-color-palette-static-white);
|
|
1930
1930
|
}
|
|
1931
1931
|
|
|
1932
|
-
.seed-
|
|
1932
|
+
.seed-badge--tone_brand-variant_outline {
|
|
1933
1933
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
|
|
1934
1934
|
color: var(--seed-color-fg-brand);
|
|
1935
1935
|
}
|
|
1936
1936
|
|
|
1937
|
-
.seed-
|
|
1937
|
+
.seed-badge--tone_informative-variant_weak {
|
|
1938
1938
|
background-color: var(--seed-color-bg-informative-weak);
|
|
1939
1939
|
color: var(--seed-color-fg-informative-contrast);
|
|
1940
1940
|
}
|
|
1941
1941
|
|
|
1942
|
-
.seed-
|
|
1942
|
+
.seed-badge--tone_informative-variant_solid {
|
|
1943
1943
|
background-color: var(--seed-color-bg-informative-solid);
|
|
1944
1944
|
color: var(--seed-color-palette-static-white);
|
|
1945
1945
|
}
|
|
1946
1946
|
|
|
1947
|
-
.seed-
|
|
1947
|
+
.seed-badge--tone_informative-variant_outline {
|
|
1948
1948
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative);
|
|
1949
1949
|
color: var(--seed-color-fg-informative);
|
|
1950
1950
|
}
|
|
1951
1951
|
|
|
1952
|
-
.seed-
|
|
1952
|
+
.seed-badge--tone_positive-variant_weak {
|
|
1953
1953
|
background-color: var(--seed-color-bg-positive-weak);
|
|
1954
1954
|
color: var(--seed-color-fg-positive-contrast);
|
|
1955
1955
|
}
|
|
1956
1956
|
|
|
1957
|
-
.seed-
|
|
1957
|
+
.seed-badge--tone_positive-variant_solid {
|
|
1958
1958
|
background-color: var(--seed-color-bg-positive-solid);
|
|
1959
1959
|
color: var(--seed-color-palette-static-white);
|
|
1960
1960
|
}
|
|
1961
1961
|
|
|
1962
|
-
.seed-
|
|
1962
|
+
.seed-badge--tone_positive-variant_outline {
|
|
1963
1963
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive);
|
|
1964
1964
|
color: var(--seed-color-fg-positive);
|
|
1965
1965
|
}
|
|
1966
1966
|
|
|
1967
|
-
.seed-
|
|
1967
|
+
.seed-badge--tone_critical-variant_weak {
|
|
1968
1968
|
background-color: var(--seed-color-bg-critical-weak);
|
|
1969
1969
|
color: var(--seed-color-fg-critical-contrast);
|
|
1970
1970
|
}
|
|
1971
1971
|
|
|
1972
|
-
.seed-
|
|
1972
|
+
.seed-badge--tone_critical-variant_solid {
|
|
1973
1973
|
background-color: var(--seed-color-bg-critical-solid);
|
|
1974
1974
|
color: var(--seed-color-palette-static-white);
|
|
1975
1975
|
}
|
|
1976
1976
|
|
|
1977
|
-
.seed-
|
|
1977
|
+
.seed-badge--tone_critical-variant_outline {
|
|
1978
1978
|
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical);
|
|
1979
1979
|
color: var(--seed-color-fg-critical);
|
|
1980
1980
|
}
|
|
@@ -2331,7 +2331,7 @@
|
|
|
2331
2331
|
height: 14px;
|
|
2332
2332
|
}
|
|
2333
2333
|
|
|
2334
|
-
.seed-action-
|
|
2334
|
+
.seed-action-chip {
|
|
2335
2335
|
box-sizing: border-box;
|
|
2336
2336
|
cursor: pointer;
|
|
2337
2337
|
text-transform: none;
|
|
@@ -2357,15 +2357,15 @@
|
|
|
2357
2357
|
display: inline-flex;
|
|
2358
2358
|
}
|
|
2359
2359
|
|
|
2360
|
-
.seed-action-
|
|
2360
|
+
.seed-action-chip:is(:active, [data-active]) {
|
|
2361
2361
|
background: var(--seed-color-bg-neutral-weak-pressed);
|
|
2362
2362
|
}
|
|
2363
2363
|
|
|
2364
|
-
.seed-action-
|
|
2364
|
+
.seed-action-chip:is(:focus, [data-focus]) {
|
|
2365
2365
|
outline: none;
|
|
2366
2366
|
}
|
|
2367
2367
|
|
|
2368
|
-
.seed-action-
|
|
2368
|
+
.seed-action-chip:is(:disabled, [disabled], [data-disabled]) {
|
|
2369
2369
|
background: var(--seed-color-bg-disabled);
|
|
2370
2370
|
color: var(--seed-color-fg-disabled);
|
|
2371
2371
|
cursor: not-allowed;
|
|
@@ -2374,7 +2374,7 @@
|
|
|
2374
2374
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
2375
2375
|
}
|
|
2376
2376
|
|
|
2377
|
-
.seed-action-
|
|
2377
|
+
.seed-action-chip--size_medium {
|
|
2378
2378
|
min-height: var(--seed-dimension-x9);
|
|
2379
2379
|
padding-block: var(--seed-dimension-x2);
|
|
2380
2380
|
gap: var(--seed-dimension-x1);
|
|
@@ -2385,7 +2385,7 @@
|
|
|
2385
2385
|
--seed-icon-size: var(--seed-dimension-x4);
|
|
2386
2386
|
}
|
|
2387
2387
|
|
|
2388
|
-
.seed-action-
|
|
2388
|
+
.seed-action-chip--size_small {
|
|
2389
2389
|
min-height: var(--seed-dimension-x8);
|
|
2390
2390
|
padding-block: var(--seed-dimension-x1_5);
|
|
2391
2391
|
gap: var(--seed-dimension-x1);
|
|
@@ -2396,23 +2396,23 @@
|
|
|
2396
2396
|
--seed-icon-size: var(--seed-dimension-x4);
|
|
2397
2397
|
}
|
|
2398
2398
|
|
|
2399
|
-
.seed-action-
|
|
2399
|
+
.seed-action-chip--size_medium-layout_withText {
|
|
2400
2400
|
padding-inline: var(--seed-dimension-x3_5);
|
|
2401
2401
|
}
|
|
2402
2402
|
|
|
2403
|
-
.seed-action-
|
|
2403
|
+
.seed-action-chip--size_medium-layout_iconOnly {
|
|
2404
2404
|
min-width: var(--seed-dimension-x9);
|
|
2405
2405
|
}
|
|
2406
2406
|
|
|
2407
|
-
.seed-action-
|
|
2407
|
+
.seed-action-chip--size_small-layout_withText {
|
|
2408
2408
|
padding-inline: var(--seed-dimension-x3);
|
|
2409
2409
|
}
|
|
2410
2410
|
|
|
2411
|
-
.seed-action-
|
|
2411
|
+
.seed-action-chip--size_small-layout_iconOnly {
|
|
2412
2412
|
min-width: var(--seed-dimension-x8);
|
|
2413
2413
|
}
|
|
2414
2414
|
|
|
2415
|
-
.seed-control-
|
|
2415
|
+
.seed-control-chip {
|
|
2416
2416
|
box-sizing: border-box;
|
|
2417
2417
|
cursor: pointer;
|
|
2418
2418
|
text-transform: none;
|
|
@@ -2437,15 +2437,15 @@
|
|
|
2437
2437
|
display: inline-flex;
|
|
2438
2438
|
}
|
|
2439
2439
|
|
|
2440
|
-
.seed-control-
|
|
2440
|
+
.seed-control-chip:is(:focus, [data-focus]) {
|
|
2441
2441
|
outline: none;
|
|
2442
2442
|
}
|
|
2443
2443
|
|
|
2444
|
-
.seed-control-
|
|
2444
|
+
.seed-control-chip:is(:active, [data-active]) {
|
|
2445
2445
|
background: var(--seed-color-bg-layer-default-pressed);
|
|
2446
2446
|
}
|
|
2447
2447
|
|
|
2448
|
-
.seed-control-
|
|
2448
|
+
.seed-control-chip:is(:checked, [data-checked]) {
|
|
2449
2449
|
box-shadow: none;
|
|
2450
2450
|
background: var(--seed-color-bg-neutral-solid-muted);
|
|
2451
2451
|
color: var(--seed-color-palette-static-white);
|
|
@@ -2456,11 +2456,11 @@
|
|
|
2456
2456
|
--seed-count-color: var(--seed-color-palette-static-white-alpha-800);
|
|
2457
2457
|
}
|
|
2458
2458
|
|
|
2459
|
-
.seed-control-
|
|
2459
|
+
.seed-control-chip:is(:checked, [data-checked]):is(:active, [data-active]) {
|
|
2460
2460
|
background: var(--seed-color-bg-neutral-solid-muted-pressed);
|
|
2461
2461
|
}
|
|
2462
2462
|
|
|
2463
|
-
.seed-control-
|
|
2463
|
+
.seed-control-chip:is(:disabled, [disabled], [data-disabled]) {
|
|
2464
2464
|
cursor: not-allowed;
|
|
2465
2465
|
background: var(--seed-color-bg-disabled);
|
|
2466
2466
|
color: var(--seed-color-fg-disabled);
|
|
@@ -2469,7 +2469,7 @@
|
|
|
2469
2469
|
--seed-icon-color: var(--seed-color-fg-disabled);
|
|
2470
2470
|
}
|
|
2471
2471
|
|
|
2472
|
-
.seed-control-
|
|
2472
|
+
.seed-control-chip--size_medium {
|
|
2473
2473
|
min-height: var(--seed-dimension-x9);
|
|
2474
2474
|
padding-block: var(--seed-dimension-x2);
|
|
2475
2475
|
gap: var(--seed-dimension-x1);
|
|
@@ -2480,7 +2480,7 @@
|
|
|
2480
2480
|
--seed-count-font-size: var(--seed-font-size-t4);
|
|
2481
2481
|
}
|
|
2482
2482
|
|
|
2483
|
-
.seed-control-
|
|
2483
|
+
.seed-control-chip--size_small {
|
|
2484
2484
|
min-height: var(--seed-dimension-x8);
|
|
2485
2485
|
padding-block: var(--seed-dimension-x1_5);
|
|
2486
2486
|
gap: var(--seed-dimension-x1);
|
|
@@ -2491,19 +2491,19 @@
|
|
|
2491
2491
|
--seed-count-font-size: var(--seed-font-size-t4);
|
|
2492
2492
|
}
|
|
2493
2493
|
|
|
2494
|
-
.seed-control-
|
|
2494
|
+
.seed-control-chip--size_medium-layout_withText {
|
|
2495
2495
|
padding-inline: var(--seed-dimension-x3_5);
|
|
2496
2496
|
}
|
|
2497
2497
|
|
|
2498
|
-
.seed-control-
|
|
2498
|
+
.seed-control-chip--size_medium-layout_iconOnly {
|
|
2499
2499
|
min-width: var(--seed-dimension-x9);
|
|
2500
2500
|
}
|
|
2501
2501
|
|
|
2502
|
-
.seed-control-
|
|
2502
|
+
.seed-control-chip--size_small-layout_withText {
|
|
2503
2503
|
padding-inline: var(--seed-dimension-x3);
|
|
2504
2504
|
}
|
|
2505
2505
|
|
|
2506
|
-
.seed-control-
|
|
2506
|
+
.seed-control-chip--size_small-layout_iconOnly {
|
|
2507
2507
|
min-width: var(--seed-dimension-x8);
|
|
2508
2508
|
}
|
|
2509
2509
|
|
|
@@ -2648,7 +2648,7 @@
|
|
|
2648
2648
|
color: var(--seed-color-fg-magic-contrast);
|
|
2649
2649
|
}
|
|
2650
2650
|
|
|
2651
|
-
.seed-manner-temp-
|
|
2651
|
+
.seed-manner-temp-badge {
|
|
2652
2652
|
box-sizing: border-box;
|
|
2653
2653
|
text-transform: none;
|
|
2654
2654
|
text-align: start;
|
|
@@ -2667,32 +2667,32 @@
|
|
|
2667
2667
|
display: inline-flex;
|
|
2668
2668
|
}
|
|
2669
2669
|
|
|
2670
|
-
.seed-manner-temp-
|
|
2670
|
+
.seed-manner-temp-badge--level_l1 {
|
|
2671
2671
|
background-color: var(--seed-color-manner-temp-l1-bg);
|
|
2672
2672
|
color: var(--seed-color-manner-temp-l1-text);
|
|
2673
2673
|
}
|
|
2674
2674
|
|
|
2675
|
-
.seed-manner-temp-
|
|
2675
|
+
.seed-manner-temp-badge--level_l2 {
|
|
2676
2676
|
background-color: var(--seed-color-manner-temp-l2-bg);
|
|
2677
2677
|
color: var(--seed-color-manner-temp-l2-text);
|
|
2678
2678
|
}
|
|
2679
2679
|
|
|
2680
|
-
.seed-manner-temp-
|
|
2680
|
+
.seed-manner-temp-badge--level_l3 {
|
|
2681
2681
|
background-color: var(--seed-color-manner-temp-l3-bg);
|
|
2682
2682
|
color: var(--seed-color-manner-temp-l3-text);
|
|
2683
2683
|
}
|
|
2684
2684
|
|
|
2685
|
-
.seed-manner-temp-
|
|
2685
|
+
.seed-manner-temp-badge--level_l4 {
|
|
2686
2686
|
background-color: var(--seed-color-manner-temp-l4-bg);
|
|
2687
2687
|
color: var(--seed-color-manner-temp-l4-text);
|
|
2688
2688
|
}
|
|
2689
2689
|
|
|
2690
|
-
.seed-manner-temp-
|
|
2690
|
+
.seed-manner-temp-badge--level_l5 {
|
|
2691
2691
|
background-color: var(--seed-color-manner-temp-l5-bg);
|
|
2692
2692
|
color: var(--seed-color-manner-temp-l5-text);
|
|
2693
2693
|
}
|
|
2694
2694
|
|
|
2695
|
-
.seed-manner-temp-
|
|
2695
|
+
.seed-manner-temp-badge--level_l6 {
|
|
2696
2696
|
background-color: var(--seed-color-manner-temp-l6-bg);
|
|
2697
2697
|
color: var(--seed-color-manner-temp-l6-text);
|
|
2698
2698
|
}
|
|
@@ -2759,7 +2759,7 @@
|
|
|
2759
2759
|
background-color: var(--seed-color-bg-neutral-weak-pressed);
|
|
2760
2760
|
}
|
|
2761
2761
|
|
|
2762
|
-
.seed-select-box-
|
|
2762
|
+
.seed-select-box-group {
|
|
2763
2763
|
flex-direction: column;
|
|
2764
2764
|
width: 100%;
|
|
2765
2765
|
display: flex;
|
|
@@ -3005,8 +3005,8 @@
|
|
|
3005
3005
|
|
|
3006
3006
|
.seed-help-bubble__arrow {
|
|
3007
3007
|
fill: var(--seed-color-bg-neutral-solid);
|
|
3008
|
-
width:
|
|
3009
|
-
height:
|
|
3008
|
+
width: 12px;
|
|
3009
|
+
height: 8px;
|
|
3010
3010
|
}
|
|
3011
3011
|
|
|
3012
3012
|
.seed-help-bubble__title {
|
|
@@ -3618,7 +3618,7 @@
|
|
|
3618
3618
|
top: 0;
|
|
3619
3619
|
}
|
|
3620
3620
|
|
|
3621
|
-
.seed-
|
|
3621
|
+
.seed-skeleton {
|
|
3622
3622
|
box-sizing: border-box;
|
|
3623
3623
|
background: var(--seed-color-palette-gray-200);
|
|
3624
3624
|
--seed-box-width: initial;
|
|
@@ -3629,7 +3629,7 @@
|
|
|
3629
3629
|
overflow: hidden;
|
|
3630
3630
|
}
|
|
3631
3631
|
|
|
3632
|
-
.seed-
|
|
3632
|
+
.seed-skeleton:after {
|
|
3633
3633
|
content: "";
|
|
3634
3634
|
background-image: linear-gradient(90deg, var(--seed-gradient-shimmer));
|
|
3635
3635
|
width: 100%;
|
|
@@ -3643,19 +3643,19 @@
|
|
|
3643
3643
|
display: block;
|
|
3644
3644
|
}
|
|
3645
3645
|
|
|
3646
|
-
.seed-
|
|
3646
|
+
.seed-skeleton--radius_0 {
|
|
3647
3647
|
border-radius: 0;
|
|
3648
3648
|
}
|
|
3649
3649
|
|
|
3650
|
-
.seed-
|
|
3650
|
+
.seed-skeleton--radius_8 {
|
|
3651
3651
|
border-radius: 8px;
|
|
3652
3652
|
}
|
|
3653
3653
|
|
|
3654
|
-
.seed-
|
|
3654
|
+
.seed-skeleton--radius_16 {
|
|
3655
3655
|
border-radius: 16px;
|
|
3656
3656
|
}
|
|
3657
3657
|
|
|
3658
|
-
.seed-
|
|
3658
|
+
.seed-skeleton--radius_full {
|
|
3659
3659
|
border-radius: var(--seed-radius-full);
|
|
3660
3660
|
}
|
|
3661
3661
|
|
|
@@ -3750,7 +3750,7 @@
|
|
|
3750
3750
|
color: var(--seed-color-fg-critical);
|
|
3751
3751
|
}
|
|
3752
3752
|
|
|
3753
|
-
.seed-snackbar-
|
|
3753
|
+
.seed-snackbar-region {
|
|
3754
3754
|
z-index: 2147483647;
|
|
3755
3755
|
left: calc(env(safe-area-inset-left, 0px));
|
|
3756
3756
|
right: calc(env(safe-area-inset-right, 0px));
|
|
@@ -3765,7 +3765,7 @@
|
|
|
3765
3765
|
display: flex;
|
|
3766
3766
|
}
|
|
3767
3767
|
|
|
3768
|
-
.seed-
|
|
3768
|
+
.seed-text {
|
|
3769
3769
|
text-align: var(--seed-text-align);
|
|
3770
3770
|
color: var(--seed-text-color);
|
|
3771
3771
|
font-size: var(--seed-font-size);
|
|
@@ -3780,139 +3780,163 @@
|
|
|
3780
3780
|
margin: 0;
|
|
3781
3781
|
}
|
|
3782
3782
|
|
|
3783
|
-
.seed-
|
|
3783
|
+
.seed-text--textStyle_screenTitle {
|
|
3784
3784
|
--seed-font-size: var(--seed-font-size-t10);
|
|
3785
3785
|
--seed-line-height: var(--seed-line-height-t10);
|
|
3786
3786
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3787
3787
|
}
|
|
3788
3788
|
|
|
3789
|
-
.seed-
|
|
3789
|
+
.seed-text--textStyle_articleBody {
|
|
3790
3790
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3791
3791
|
--seed-line-height: var(--seed-line-height-t6);
|
|
3792
3792
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3793
3793
|
}
|
|
3794
3794
|
|
|
3795
|
-
.seed-
|
|
3795
|
+
.seed-text--textStyle_t1Regular {
|
|
3796
3796
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3797
3797
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3798
3798
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3799
3799
|
}
|
|
3800
3800
|
|
|
3801
|
-
.seed-
|
|
3801
|
+
.seed-text--textStyle_t1Medium {
|
|
3802
3802
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3803
3803
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3804
3804
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3805
3805
|
}
|
|
3806
3806
|
|
|
3807
|
-
.seed-
|
|
3807
|
+
.seed-text--textStyle_t1Bold {
|
|
3808
3808
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3809
3809
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3810
3810
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3811
3811
|
}
|
|
3812
3812
|
|
|
3813
|
-
.seed-
|
|
3813
|
+
.seed-text--textStyle_t2Regular {
|
|
3814
3814
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3815
3815
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3816
3816
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3817
3817
|
}
|
|
3818
3818
|
|
|
3819
|
-
.seed-
|
|
3819
|
+
.seed-text--textStyle_t2Medium {
|
|
3820
3820
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3821
3821
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3822
3822
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3823
3823
|
}
|
|
3824
3824
|
|
|
3825
|
-
.seed-
|
|
3825
|
+
.seed-text--textStyle_t2Bold {
|
|
3826
3826
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3827
3827
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3828
3828
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3829
3829
|
}
|
|
3830
3830
|
|
|
3831
|
-
.seed-
|
|
3831
|
+
.seed-text--textStyle_t3Regular {
|
|
3832
3832
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3833
3833
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3834
3834
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3835
3835
|
}
|
|
3836
3836
|
|
|
3837
|
-
.seed-
|
|
3837
|
+
.seed-text--textStyle_t3Medium {
|
|
3838
3838
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3839
3839
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3840
3840
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3841
3841
|
}
|
|
3842
3842
|
|
|
3843
|
-
.seed-
|
|
3843
|
+
.seed-text--textStyle_t3Bold {
|
|
3844
3844
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3845
3845
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3846
3846
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3847
3847
|
}
|
|
3848
3848
|
|
|
3849
|
-
.seed-
|
|
3849
|
+
.seed-text--textStyle_t4Regular {
|
|
3850
3850
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3851
3851
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3852
3852
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3853
3853
|
}
|
|
3854
3854
|
|
|
3855
|
-
.seed-
|
|
3855
|
+
.seed-text--textStyle_t4Medium {
|
|
3856
3856
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3857
3857
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3858
3858
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3859
3859
|
}
|
|
3860
3860
|
|
|
3861
|
-
.seed-
|
|
3861
|
+
.seed-text--textStyle_t4Bold {
|
|
3862
3862
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3863
3863
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3864
3864
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3865
3865
|
}
|
|
3866
3866
|
|
|
3867
|
-
.seed-
|
|
3867
|
+
.seed-text--textStyle_t5Regular {
|
|
3868
3868
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3869
3869
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3870
3870
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3871
3871
|
}
|
|
3872
3872
|
|
|
3873
|
-
.seed-
|
|
3873
|
+
.seed-text--textStyle_t5Medium {
|
|
3874
3874
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3875
3875
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3876
3876
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3877
3877
|
}
|
|
3878
3878
|
|
|
3879
|
-
.seed-
|
|
3879
|
+
.seed-text--textStyle_t5Bold {
|
|
3880
3880
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3881
3881
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3882
3882
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3883
3883
|
}
|
|
3884
3884
|
|
|
3885
|
-
.seed-
|
|
3885
|
+
.seed-text--textStyle_t6Regular {
|
|
3886
|
+
--seed-font-size: var(--seed-font-size-t6);
|
|
3887
|
+
--seed-line-height: var(--seed-line-height-t6);
|
|
3888
|
+
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3889
|
+
}
|
|
3890
|
+
|
|
3891
|
+
.seed-text--textStyle_t6Medium {
|
|
3892
|
+
--seed-font-size: var(--seed-font-size-t6);
|
|
3893
|
+
--seed-line-height: var(--seed-line-height-t6);
|
|
3894
|
+
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3895
|
+
}
|
|
3896
|
+
|
|
3897
|
+
.seed-text--textStyle_t6Bold {
|
|
3886
3898
|
--seed-font-size: var(--seed-font-size-t6);
|
|
3887
3899
|
--seed-line-height: var(--seed-line-height-t6);
|
|
3888
3900
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3889
3901
|
}
|
|
3890
3902
|
|
|
3891
|
-
.seed-
|
|
3903
|
+
.seed-text--textStyle_t7Regular {
|
|
3904
|
+
--seed-font-size: var(--seed-font-size-t7);
|
|
3905
|
+
--seed-line-height: var(--seed-line-height-t7);
|
|
3906
|
+
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3907
|
+
}
|
|
3908
|
+
|
|
3909
|
+
.seed-text--textStyle_t7Medium {
|
|
3910
|
+
--seed-font-size: var(--seed-font-size-t7);
|
|
3911
|
+
--seed-line-height: var(--seed-line-height-t7);
|
|
3912
|
+
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
.seed-text--textStyle_t7Bold {
|
|
3892
3916
|
--seed-font-size: var(--seed-font-size-t7);
|
|
3893
3917
|
--seed-line-height: var(--seed-line-height-t7);
|
|
3894
3918
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3895
3919
|
}
|
|
3896
3920
|
|
|
3897
|
-
.seed-
|
|
3921
|
+
.seed-text--textStyle_t8Bold {
|
|
3898
3922
|
--seed-font-size: var(--seed-font-size-t8);
|
|
3899
3923
|
--seed-line-height: var(--seed-line-height-t8);
|
|
3900
3924
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3901
3925
|
}
|
|
3902
3926
|
|
|
3903
|
-
.seed-
|
|
3927
|
+
.seed-text--textStyle_t9Bold {
|
|
3904
3928
|
--seed-font-size: var(--seed-font-size-t9);
|
|
3905
3929
|
--seed-line-height: var(--seed-line-height-t9);
|
|
3906
3930
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3907
3931
|
}
|
|
3908
3932
|
|
|
3909
|
-
.seed-
|
|
3933
|
+
.seed-text--textStyle_t10Bold {
|
|
3910
3934
|
--seed-font-size: var(--seed-font-size-t10);
|
|
3911
3935
|
--seed-line-height: var(--seed-line-height-t10);
|
|
3912
3936
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3913
3937
|
}
|
|
3914
3938
|
|
|
3915
|
-
.seed-
|
|
3939
|
+
.seed-text--maxLines_none {
|
|
3916
3940
|
display: unset;
|
|
3917
3941
|
overflow: unset;
|
|
3918
3942
|
min-width: unset;
|
|
@@ -3921,7 +3945,7 @@
|
|
|
3921
3945
|
-webkit-line-clamp: unset;
|
|
3922
3946
|
}
|
|
3923
3947
|
|
|
3924
|
-
.seed-
|
|
3948
|
+
.seed-text--maxLines_single {
|
|
3925
3949
|
text-overflow: ellipsis;
|
|
3926
3950
|
white-space: nowrap;
|
|
3927
3951
|
-webkit-line-clamp: var(--seed-max-lines);
|
|
@@ -3930,7 +3954,7 @@
|
|
|
3930
3954
|
overflow: hidden;
|
|
3931
3955
|
}
|
|
3932
3956
|
|
|
3933
|
-
.seed-
|
|
3957
|
+
.seed-text--maxLines_multi {
|
|
3934
3958
|
text-overflow: ellipsis;
|
|
3935
3959
|
min-width: 0;
|
|
3936
3960
|
white-space: initial;
|
|
@@ -3940,7 +3964,7 @@
|
|
|
3940
3964
|
overflow: hidden;
|
|
3941
3965
|
}
|
|
3942
3966
|
|
|
3943
|
-
.seed-link-
|
|
3967
|
+
.seed-link-content {
|
|
3944
3968
|
cursor: pointer;
|
|
3945
3969
|
box-sizing: border-box;
|
|
3946
3970
|
-webkit-font-smoothing: antialiased;
|
|
@@ -3958,29 +3982,32 @@
|
|
|
3958
3982
|
display: inline-flex;
|
|
3959
3983
|
}
|
|
3960
3984
|
|
|
3961
|
-
.seed-link-
|
|
3985
|
+
.seed-link-content--weight_bold {
|
|
3962
3986
|
font-weight: var(--seed-font-weight-bold);
|
|
3963
3987
|
}
|
|
3964
3988
|
|
|
3965
|
-
.seed-link-
|
|
3989
|
+
.seed-link-content--weight_regular {
|
|
3966
3990
|
font-weight: var(--seed-font-weight-regular);
|
|
3967
3991
|
}
|
|
3968
3992
|
|
|
3969
|
-
.seed-link-
|
|
3993
|
+
.seed-link-content--size_t6 {
|
|
3970
3994
|
font-size: var(--seed-font-size-t6);
|
|
3971
3995
|
line-height: var(--seed-line-height-t6);
|
|
3996
|
+
gap: var(--seed-dimension-x0_5);
|
|
3972
3997
|
--seed-suffix-icon-size: var(--seed-dimension-x4);
|
|
3973
3998
|
}
|
|
3974
3999
|
|
|
3975
|
-
.seed-link-
|
|
4000
|
+
.seed-link-content--size_t5 {
|
|
3976
4001
|
font-size: var(--seed-font-size-t5);
|
|
3977
4002
|
line-height: var(--seed-line-height-t5);
|
|
4003
|
+
gap: var(--seed-dimension-x0_5);
|
|
3978
4004
|
--seed-suffix-icon-size: var(--seed-dimension-x3_5);
|
|
3979
4005
|
}
|
|
3980
4006
|
|
|
3981
|
-
.seed-link-
|
|
4007
|
+
.seed-link-content--size_t4 {
|
|
3982
4008
|
font-size: var(--seed-font-size-t4);
|
|
3983
4009
|
line-height: var(--seed-line-height-t4);
|
|
4010
|
+
gap: var(--seed-dimension-x0_5);
|
|
3984
4011
|
--seed-suffix-icon-size: var(--seed-dimension-x3);
|
|
3985
4012
|
}
|
|
3986
4013
|
|
|
@@ -4329,7 +4356,7 @@
|
|
|
4329
4356
|
line-height: var(--seed-line-height-t2);
|
|
4330
4357
|
}
|
|
4331
4358
|
|
|
4332
|
-
.seed-visually-
|
|
4359
|
+
.seed-visually-hidden {
|
|
4333
4360
|
clip: rect(0 0 0 0);
|
|
4334
4361
|
white-space: nowrap;
|
|
4335
4362
|
border: 0;
|