@seed-design/css 0.0.4 → 0.0.6
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 +229 -214
- package/all.min.css +1 -1
- package/package.json +3 -2
- 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/app-bar.css +1 -0
- 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/inline-banner.css +0 -1
- 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 +8 -8
- 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/vars/component/callout.d.ts +2 -5
- package/vars/component/callout.mjs +2 -5
- package/vars/component/help-bubble.d.ts +4 -1
- package/vars/component/help-bubble.mjs +4 -1
- package/vars/component/index.d.ts +2 -0
- package/vars/component/index.mjs +2 -0
- package/vars/component/inline-banner.d.ts +1 -1
- package/vars/component/inline-banner.mjs +1 -1
- package/vars/component/manner-temp.d.ts +59 -0
- package/vars/component/manner-temp.mjs +59 -0
- package/vars/component/text-button.d.ts +24 -0
- package/vars/component/text-button.mjs +24 -0
- package/vars/component/toggle-button.d.ts +4 -2
- package/vars/component/toggle-button.mjs +4 -2
- package/vars/component/typography.d.ts +36 -0
- package/vars/component/typography.mjs +36 -0
- package/recipes/visually-hidden.css +0 -11
- package/recipes/visually-hidden.d.ts +0 -21
- package/recipes/visually-hidden.mjs +0 -31
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 {
|
|
@@ -3102,7 +3102,6 @@
|
|
|
3102
3102
|
|
|
3103
3103
|
.seed-inline-banner__link {
|
|
3104
3104
|
cursor: pointer;
|
|
3105
|
-
height: var(--seed-dimension-x10);
|
|
3106
3105
|
margin-left: var(--seed-dimension-x4);
|
|
3107
3106
|
font-family: inherit;
|
|
3108
3107
|
font-size: var(--seed-font-size-t2);
|
|
@@ -3618,18 +3617,18 @@
|
|
|
3618
3617
|
top: 0;
|
|
3619
3618
|
}
|
|
3620
3619
|
|
|
3621
|
-
.seed-
|
|
3620
|
+
.seed-skeleton {
|
|
3622
3621
|
box-sizing: border-box;
|
|
3623
3622
|
background: var(--seed-color-palette-gray-200);
|
|
3624
3623
|
--seed-box-width: initial;
|
|
3625
3624
|
--seed-box-height: initial;
|
|
3626
|
-
width: --seed-box-width;
|
|
3627
|
-
height: --seed-box-height;
|
|
3625
|
+
width: var(--seed-box-width);
|
|
3626
|
+
height: var(--seed-box-height);
|
|
3628
3627
|
display: inline-block;
|
|
3629
3628
|
overflow: hidden;
|
|
3630
3629
|
}
|
|
3631
3630
|
|
|
3632
|
-
.seed-
|
|
3631
|
+
.seed-skeleton:after {
|
|
3633
3632
|
content: "";
|
|
3634
3633
|
background-image: linear-gradient(90deg, var(--seed-gradient-shimmer));
|
|
3635
3634
|
width: 100%;
|
|
@@ -3643,19 +3642,19 @@
|
|
|
3643
3642
|
display: block;
|
|
3644
3643
|
}
|
|
3645
3644
|
|
|
3646
|
-
.seed-
|
|
3645
|
+
.seed-skeleton--radius_0 {
|
|
3647
3646
|
border-radius: 0;
|
|
3648
3647
|
}
|
|
3649
3648
|
|
|
3650
|
-
.seed-
|
|
3649
|
+
.seed-skeleton--radius_8 {
|
|
3651
3650
|
border-radius: 8px;
|
|
3652
3651
|
}
|
|
3653
3652
|
|
|
3654
|
-
.seed-
|
|
3653
|
+
.seed-skeleton--radius_16 {
|
|
3655
3654
|
border-radius: 16px;
|
|
3656
3655
|
}
|
|
3657
3656
|
|
|
3658
|
-
.seed-
|
|
3657
|
+
.seed-skeleton--radius_full {
|
|
3659
3658
|
border-radius: var(--seed-radius-full);
|
|
3660
3659
|
}
|
|
3661
3660
|
|
|
@@ -3750,7 +3749,7 @@
|
|
|
3750
3749
|
color: var(--seed-color-fg-critical);
|
|
3751
3750
|
}
|
|
3752
3751
|
|
|
3753
|
-
.seed-snackbar-
|
|
3752
|
+
.seed-snackbar-region {
|
|
3754
3753
|
z-index: 2147483647;
|
|
3755
3754
|
left: calc(env(safe-area-inset-left, 0px));
|
|
3756
3755
|
right: calc(env(safe-area-inset-right, 0px));
|
|
@@ -3765,7 +3764,7 @@
|
|
|
3765
3764
|
display: flex;
|
|
3766
3765
|
}
|
|
3767
3766
|
|
|
3768
|
-
.seed-
|
|
3767
|
+
.seed-text {
|
|
3769
3768
|
text-align: var(--seed-text-align);
|
|
3770
3769
|
color: var(--seed-text-color);
|
|
3771
3770
|
font-size: var(--seed-font-size);
|
|
@@ -3780,139 +3779,163 @@
|
|
|
3780
3779
|
margin: 0;
|
|
3781
3780
|
}
|
|
3782
3781
|
|
|
3783
|
-
.seed-
|
|
3782
|
+
.seed-text--textStyle_screenTitle {
|
|
3784
3783
|
--seed-font-size: var(--seed-font-size-t10);
|
|
3785
3784
|
--seed-line-height: var(--seed-line-height-t10);
|
|
3786
3785
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3787
3786
|
}
|
|
3788
3787
|
|
|
3789
|
-
.seed-
|
|
3788
|
+
.seed-text--textStyle_articleBody {
|
|
3790
3789
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3791
3790
|
--seed-line-height: var(--seed-line-height-t6);
|
|
3792
3791
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3793
3792
|
}
|
|
3794
3793
|
|
|
3795
|
-
.seed-
|
|
3794
|
+
.seed-text--textStyle_t1Regular {
|
|
3796
3795
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3797
3796
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3798
3797
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3799
3798
|
}
|
|
3800
3799
|
|
|
3801
|
-
.seed-
|
|
3800
|
+
.seed-text--textStyle_t1Medium {
|
|
3802
3801
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3803
3802
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3804
3803
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3805
3804
|
}
|
|
3806
3805
|
|
|
3807
|
-
.seed-
|
|
3806
|
+
.seed-text--textStyle_t1Bold {
|
|
3808
3807
|
--seed-font-size: var(--seed-font-size-t1);
|
|
3809
3808
|
--seed-line-height: var(--seed-line-height-t1);
|
|
3810
3809
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3811
3810
|
}
|
|
3812
3811
|
|
|
3813
|
-
.seed-
|
|
3812
|
+
.seed-text--textStyle_t2Regular {
|
|
3814
3813
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3815
3814
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3816
3815
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3817
3816
|
}
|
|
3818
3817
|
|
|
3819
|
-
.seed-
|
|
3818
|
+
.seed-text--textStyle_t2Medium {
|
|
3820
3819
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3821
3820
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3822
3821
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3823
3822
|
}
|
|
3824
3823
|
|
|
3825
|
-
.seed-
|
|
3824
|
+
.seed-text--textStyle_t2Bold {
|
|
3826
3825
|
--seed-font-size: var(--seed-font-size-t2);
|
|
3827
3826
|
--seed-line-height: var(--seed-line-height-t2);
|
|
3828
3827
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3829
3828
|
}
|
|
3830
3829
|
|
|
3831
|
-
.seed-
|
|
3830
|
+
.seed-text--textStyle_t3Regular {
|
|
3832
3831
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3833
3832
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3834
3833
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3835
3834
|
}
|
|
3836
3835
|
|
|
3837
|
-
.seed-
|
|
3836
|
+
.seed-text--textStyle_t3Medium {
|
|
3838
3837
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3839
3838
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3840
3839
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3841
3840
|
}
|
|
3842
3841
|
|
|
3843
|
-
.seed-
|
|
3842
|
+
.seed-text--textStyle_t3Bold {
|
|
3844
3843
|
--seed-font-size: var(--seed-font-size-t3);
|
|
3845
3844
|
--seed-line-height: var(--seed-line-height-t3);
|
|
3846
3845
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3847
3846
|
}
|
|
3848
3847
|
|
|
3849
|
-
.seed-
|
|
3848
|
+
.seed-text--textStyle_t4Regular {
|
|
3850
3849
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3851
3850
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3852
3851
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3853
3852
|
}
|
|
3854
3853
|
|
|
3855
|
-
.seed-
|
|
3854
|
+
.seed-text--textStyle_t4Medium {
|
|
3856
3855
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3857
3856
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3858
3857
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3859
3858
|
}
|
|
3860
3859
|
|
|
3861
|
-
.seed-
|
|
3860
|
+
.seed-text--textStyle_t4Bold {
|
|
3862
3861
|
--seed-font-size: var(--seed-font-size-t4);
|
|
3863
3862
|
--seed-line-height: var(--seed-line-height-t4);
|
|
3864
3863
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3865
3864
|
}
|
|
3866
3865
|
|
|
3867
|
-
.seed-
|
|
3866
|
+
.seed-text--textStyle_t5Regular {
|
|
3868
3867
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3869
3868
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3870
3869
|
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3871
3870
|
}
|
|
3872
3871
|
|
|
3873
|
-
.seed-
|
|
3872
|
+
.seed-text--textStyle_t5Medium {
|
|
3874
3873
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3875
3874
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3876
3875
|
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3877
3876
|
}
|
|
3878
3877
|
|
|
3879
|
-
.seed-
|
|
3878
|
+
.seed-text--textStyle_t5Bold {
|
|
3880
3879
|
--seed-font-size: var(--seed-font-size-t5);
|
|
3881
3880
|
--seed-line-height: var(--seed-line-height-t5);
|
|
3882
3881
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3883
3882
|
}
|
|
3884
3883
|
|
|
3885
|
-
.seed-
|
|
3884
|
+
.seed-text--textStyle_t6Regular {
|
|
3885
|
+
--seed-font-size: var(--seed-font-size-t6);
|
|
3886
|
+
--seed-line-height: var(--seed-line-height-t6);
|
|
3887
|
+
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3888
|
+
}
|
|
3889
|
+
|
|
3890
|
+
.seed-text--textStyle_t6Medium {
|
|
3891
|
+
--seed-font-size: var(--seed-font-size-t6);
|
|
3892
|
+
--seed-line-height: var(--seed-line-height-t6);
|
|
3893
|
+
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3894
|
+
}
|
|
3895
|
+
|
|
3896
|
+
.seed-text--textStyle_t6Bold {
|
|
3886
3897
|
--seed-font-size: var(--seed-font-size-t6);
|
|
3887
3898
|
--seed-line-height: var(--seed-line-height-t6);
|
|
3888
3899
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3889
3900
|
}
|
|
3890
3901
|
|
|
3891
|
-
.seed-
|
|
3902
|
+
.seed-text--textStyle_t7Regular {
|
|
3903
|
+
--seed-font-size: var(--seed-font-size-t7);
|
|
3904
|
+
--seed-line-height: var(--seed-line-height-t7);
|
|
3905
|
+
--seed-font-weight: var(--seed-font-weight-regular);
|
|
3906
|
+
}
|
|
3907
|
+
|
|
3908
|
+
.seed-text--textStyle_t7Medium {
|
|
3909
|
+
--seed-font-size: var(--seed-font-size-t7);
|
|
3910
|
+
--seed-line-height: var(--seed-line-height-t7);
|
|
3911
|
+
--seed-font-weight: var(--seed-font-weight-medium);
|
|
3912
|
+
}
|
|
3913
|
+
|
|
3914
|
+
.seed-text--textStyle_t7Bold {
|
|
3892
3915
|
--seed-font-size: var(--seed-font-size-t7);
|
|
3893
3916
|
--seed-line-height: var(--seed-line-height-t7);
|
|
3894
3917
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3895
3918
|
}
|
|
3896
3919
|
|
|
3897
|
-
.seed-
|
|
3920
|
+
.seed-text--textStyle_t8Bold {
|
|
3898
3921
|
--seed-font-size: var(--seed-font-size-t8);
|
|
3899
3922
|
--seed-line-height: var(--seed-line-height-t8);
|
|
3900
3923
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3901
3924
|
}
|
|
3902
3925
|
|
|
3903
|
-
.seed-
|
|
3926
|
+
.seed-text--textStyle_t9Bold {
|
|
3904
3927
|
--seed-font-size: var(--seed-font-size-t9);
|
|
3905
3928
|
--seed-line-height: var(--seed-line-height-t9);
|
|
3906
3929
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3907
3930
|
}
|
|
3908
3931
|
|
|
3909
|
-
.seed-
|
|
3932
|
+
.seed-text--textStyle_t10Bold {
|
|
3910
3933
|
--seed-font-size: var(--seed-font-size-t10);
|
|
3911
3934
|
--seed-line-height: var(--seed-line-height-t10);
|
|
3912
3935
|
--seed-font-weight: var(--seed-font-weight-bold);
|
|
3913
3936
|
}
|
|
3914
3937
|
|
|
3915
|
-
.seed-
|
|
3938
|
+
.seed-text--maxLines_none {
|
|
3916
3939
|
display: unset;
|
|
3917
3940
|
overflow: unset;
|
|
3918
3941
|
min-width: unset;
|
|
@@ -3921,7 +3944,7 @@
|
|
|
3921
3944
|
-webkit-line-clamp: unset;
|
|
3922
3945
|
}
|
|
3923
3946
|
|
|
3924
|
-
.seed-
|
|
3947
|
+
.seed-text--maxLines_single {
|
|
3925
3948
|
text-overflow: ellipsis;
|
|
3926
3949
|
white-space: nowrap;
|
|
3927
3950
|
-webkit-line-clamp: var(--seed-max-lines);
|
|
@@ -3930,7 +3953,7 @@
|
|
|
3930
3953
|
overflow: hidden;
|
|
3931
3954
|
}
|
|
3932
3955
|
|
|
3933
|
-
.seed-
|
|
3956
|
+
.seed-text--maxLines_multi {
|
|
3934
3957
|
text-overflow: ellipsis;
|
|
3935
3958
|
min-width: 0;
|
|
3936
3959
|
white-space: initial;
|
|
@@ -3940,7 +3963,7 @@
|
|
|
3940
3963
|
overflow: hidden;
|
|
3941
3964
|
}
|
|
3942
3965
|
|
|
3943
|
-
.seed-link-
|
|
3966
|
+
.seed-link-content {
|
|
3944
3967
|
cursor: pointer;
|
|
3945
3968
|
box-sizing: border-box;
|
|
3946
3969
|
-webkit-font-smoothing: antialiased;
|
|
@@ -3958,29 +3981,32 @@
|
|
|
3958
3981
|
display: inline-flex;
|
|
3959
3982
|
}
|
|
3960
3983
|
|
|
3961
|
-
.seed-link-
|
|
3984
|
+
.seed-link-content--weight_bold {
|
|
3962
3985
|
font-weight: var(--seed-font-weight-bold);
|
|
3963
3986
|
}
|
|
3964
3987
|
|
|
3965
|
-
.seed-link-
|
|
3988
|
+
.seed-link-content--weight_regular {
|
|
3966
3989
|
font-weight: var(--seed-font-weight-regular);
|
|
3967
3990
|
}
|
|
3968
3991
|
|
|
3969
|
-
.seed-link-
|
|
3992
|
+
.seed-link-content--size_t6 {
|
|
3970
3993
|
font-size: var(--seed-font-size-t6);
|
|
3971
3994
|
line-height: var(--seed-line-height-t6);
|
|
3995
|
+
gap: var(--seed-dimension-x0_5);
|
|
3972
3996
|
--seed-suffix-icon-size: var(--seed-dimension-x4);
|
|
3973
3997
|
}
|
|
3974
3998
|
|
|
3975
|
-
.seed-link-
|
|
3999
|
+
.seed-link-content--size_t5 {
|
|
3976
4000
|
font-size: var(--seed-font-size-t5);
|
|
3977
4001
|
line-height: var(--seed-line-height-t5);
|
|
4002
|
+
gap: var(--seed-dimension-x0_5);
|
|
3978
4003
|
--seed-suffix-icon-size: var(--seed-dimension-x3_5);
|
|
3979
4004
|
}
|
|
3980
4005
|
|
|
3981
|
-
.seed-link-
|
|
4006
|
+
.seed-link-content--size_t4 {
|
|
3982
4007
|
font-size: var(--seed-font-size-t4);
|
|
3983
4008
|
line-height: var(--seed-line-height-t4);
|
|
4009
|
+
gap: var(--seed-dimension-x0_5);
|
|
3984
4010
|
--seed-suffix-icon-size: var(--seed-dimension-x3);
|
|
3985
4011
|
}
|
|
3986
4012
|
|
|
@@ -4329,18 +4355,6 @@
|
|
|
4329
4355
|
line-height: var(--seed-line-height-t2);
|
|
4330
4356
|
}
|
|
4331
4357
|
|
|
4332
|
-
.seed-visually-hidden__root {
|
|
4333
|
-
clip: rect(0 0 0 0);
|
|
4334
|
-
white-space: nowrap;
|
|
4335
|
-
border: 0;
|
|
4336
|
-
width: 1px;
|
|
4337
|
-
height: 1px;
|
|
4338
|
-
margin: -1px;
|
|
4339
|
-
padding: 0;
|
|
4340
|
-
position: absolute;
|
|
4341
|
-
overflow: hidden;
|
|
4342
|
-
}
|
|
4343
|
-
|
|
4344
4358
|
.seed-app-screen__root {
|
|
4345
4359
|
--app-bar-offset: calc(var(--app-bar-height) + var(--seed-safe-area-top));
|
|
4346
4360
|
width: 100%;
|
|
@@ -4583,6 +4597,7 @@
|
|
|
4583
4597
|
|
|
4584
4598
|
.seed-app-bar__root {
|
|
4585
4599
|
z-index: var(--z-index-app-bar);
|
|
4600
|
+
top: var(--seed-safe-area-top);
|
|
4586
4601
|
box-sizing: border-box;
|
|
4587
4602
|
align-items: flex-end;
|
|
4588
4603
|
width: 100%;
|