@baseline-ui/tokens 0.10.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.mts +127 -108
- package/dist/index.d.ts +127 -108
- package/dist/index.js +3 -3
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -141,7 +141,7 @@ declare const createLayerSprinkles: (layer: string) => ((props: {
|
|
|
141
141
|
typography?: "heading.h6.regular" | "heading.h6.medium" | "heading.h6.semibold" | "heading.h5.regular" | "heading.h5.medium" | "heading.h5.semibold" | "heading.h4.regular" | "heading.h4.medium" | "heading.h4.semibold" | "heading.h3.regular" | "heading.h3.medium" | "heading.h3.semibold" | "heading.h2.regular" | "heading.h2.medium" | "heading.h2.semibold" | "heading.h1.regular" | "heading.h1.medium" | "heading.h1.semibold" | "label.sm.regular" | "label.sm.medium" | "label.sm.semibold" | "label.md.regular" | "label.md.medium" | "label.md.semibold" | "label.lg.regular" | "label.lg.medium" | "label.lg.semibold" | "body.sm.regular" | "body.sm.medium" | "body.sm.semibold" | "body.md.regular" | "body.md.medium" | "body.md.semibold" | "body.lg.regular" | "body.lg.medium" | "body.lg.semibold" | undefined;
|
|
142
142
|
} & {
|
|
143
143
|
color?: "text.primary" | "text.secondary" | "text.helper" | "text.placeholder" | "text.disabled" | "text.inverse" | "icon.primary" | "icon.secondary" | "icon.disabled" | "icon.inverse" | "icon.interactive" | "interactive.primary" | "interactive.hovered" | "interactive.active" | "interactive.visited" | "interactive.disabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | undefined;
|
|
144
|
-
backgroundColor?: "background.primary.subtle" | "background.primary.medium" | "background.primary.strong" | "background.secondary.subtle" | "background.secondary.medium" | "background.secondary.strong" | "background.inverse.subtle" | "background.inverse.medium" | "background.inverse.strong" | "background.overlay.subtle" | "background.overlay.medium" | "
|
|
144
|
+
backgroundColor?: "background.primary.subtle" | "background.primary.medium" | "background.primary.strong" | "background.secondary.subtle" | "background.secondary.medium" | "background.secondary.strong" | "background.inverse.subtle" | "background.inverse.medium" | "background.inverse.strong" | "background.overlay.subtle" | "background.overlay.medium" | "positive.subtle" | "positive.medium" | "positive.strong" | "positive.interactive" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | undefined;
|
|
145
145
|
borderColor?: "transparent" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive" | "border.disabled" | undefined;
|
|
146
146
|
outlineColor?: "transparent" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive" | "border.disabled" | undefined;
|
|
147
147
|
} & {
|
|
@@ -296,17 +296,13 @@ var color$3 = {
|
|
|
296
296
|
},
|
|
297
297
|
overlay: {
|
|
298
298
|
subtle: "rgb(100% 100% 100% / 0.25)",
|
|
299
|
-
medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
|
|
299
|
+
medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
|
|
300
|
+
interactive: "rgb(27.1% 21.6% 87.1% / 0.25)"
|
|
300
301
|
},
|
|
301
302
|
secondary: {
|
|
302
303
|
subtle: "#f0f3f9",
|
|
303
304
|
medium: "#d7dce4",
|
|
304
305
|
strong: "#a9aeb7"
|
|
305
|
-
},
|
|
306
|
-
positive: {
|
|
307
|
-
subtle: "#ffffff",
|
|
308
|
-
medium: "#f6f9fd",
|
|
309
|
-
strong: "#f0f3f9"
|
|
310
306
|
}
|
|
311
307
|
},
|
|
312
308
|
text: {
|
|
@@ -338,6 +334,12 @@ var color$3 = {
|
|
|
338
334
|
active: "#190d94",
|
|
339
335
|
visited: "#190d94",
|
|
340
336
|
disabled: "#a9aeb7"
|
|
337
|
+
},
|
|
338
|
+
positive: {
|
|
339
|
+
subtle: "#ffffff",
|
|
340
|
+
medium: "#f6f9fd",
|
|
341
|
+
strong: "#f0f3f9",
|
|
342
|
+
interactive: "#4537de"
|
|
341
343
|
}
|
|
342
344
|
};
|
|
343
345
|
var typography$3 = {
|
|
@@ -608,12 +610,8 @@ var color$2 = {
|
|
|
608
610
|
},
|
|
609
611
|
overlay: {
|
|
610
612
|
subtle: "rgb(100% 100% 100% / 0.25)",
|
|
611
|
-
medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
|
|
612
|
-
|
|
613
|
-
positive: {
|
|
614
|
-
subtle: "#f0f3f9",
|
|
615
|
-
medium: "#f6f9fd",
|
|
616
|
-
strong: "#ffffff"
|
|
613
|
+
medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
|
|
614
|
+
interactive: "rgb(65.9% 73.3% 97.3% / 0.25)"
|
|
617
615
|
}
|
|
618
616
|
},
|
|
619
617
|
text: {
|
|
@@ -645,6 +643,12 @@ var color$2 = {
|
|
|
645
643
|
active: "#eff4fb",
|
|
646
644
|
visited: "#eff4fb",
|
|
647
645
|
disabled: "#606671"
|
|
646
|
+
},
|
|
647
|
+
positive: {
|
|
648
|
+
subtle: "#f0f3f9",
|
|
649
|
+
medium: "#f6f9fd",
|
|
650
|
+
strong: "#ffffff",
|
|
651
|
+
interactive: "#4537de"
|
|
648
652
|
}
|
|
649
653
|
};
|
|
650
654
|
var typography$2 = {
|
|
@@ -910,17 +914,13 @@ var color$1 = {
|
|
|
910
914
|
},
|
|
911
915
|
overlay: {
|
|
912
916
|
subtle: "rgb(100% 100% 100% / 0.25)",
|
|
913
|
-
medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
|
|
917
|
+
medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
|
|
918
|
+
interactive: "rgb(0% 0% 0% / 0.25)"
|
|
914
919
|
},
|
|
915
920
|
secondary: {
|
|
916
921
|
subtle: "#f0f3f9",
|
|
917
922
|
medium: "#d7dce4",
|
|
918
923
|
strong: "#a9aeb7"
|
|
919
|
-
},
|
|
920
|
-
positive: {
|
|
921
|
-
subtle: "#ffffff",
|
|
922
|
-
medium: "#f6f9fd",
|
|
923
|
-
strong: "#f0f3f9"
|
|
924
924
|
}
|
|
925
925
|
},
|
|
926
926
|
text: {
|
|
@@ -952,91 +952,97 @@ var color$1 = {
|
|
|
952
952
|
active: "#000000",
|
|
953
953
|
visited: "#4537de",
|
|
954
954
|
disabled: "#a9aeb7"
|
|
955
|
+
},
|
|
956
|
+
positive: {
|
|
957
|
+
subtle: "#ffffff",
|
|
958
|
+
medium: "#f6f9fd",
|
|
959
|
+
strong: "#f0f3f9",
|
|
960
|
+
interactive: "#000000"
|
|
955
961
|
}
|
|
956
962
|
};
|
|
957
963
|
var typography$1 = {
|
|
958
964
|
heading: {
|
|
959
965
|
h6: {
|
|
960
966
|
regular: {
|
|
961
|
-
font: "400
|
|
967
|
+
font: "400 1rem/1.5 'Bw Gradual'",
|
|
962
968
|
letterSpacing: "0.1px"
|
|
963
969
|
},
|
|
964
970
|
medium: {
|
|
965
|
-
font: "500
|
|
971
|
+
font: "500 1rem/1.5 'Bw Gradual'",
|
|
966
972
|
letterSpacing: "0.1px"
|
|
967
973
|
},
|
|
968
974
|
semibold: {
|
|
969
|
-
font: "700
|
|
975
|
+
font: "700 1rem/1.5 'Bw Gradual'",
|
|
970
976
|
letterSpacing: "0.1px"
|
|
971
977
|
}
|
|
972
978
|
},
|
|
973
979
|
h5: {
|
|
974
980
|
regular: {
|
|
975
|
-
font: "400 1.
|
|
981
|
+
font: "400 1.375rem/1.5 'Bw Gradual'",
|
|
976
982
|
letterSpacing: "0.1px"
|
|
977
983
|
},
|
|
978
984
|
medium: {
|
|
979
|
-
font: "500 1.
|
|
985
|
+
font: "500 1.375rem/1.5 'Bw Gradual'",
|
|
980
986
|
letterSpacing: "0.1px"
|
|
981
987
|
},
|
|
982
988
|
semibold: {
|
|
983
|
-
font: "700 1.
|
|
989
|
+
font: "700 1.375rem/1.5 'Bw Gradual'",
|
|
984
990
|
letterSpacing: "0.1px"
|
|
985
991
|
}
|
|
986
992
|
},
|
|
987
993
|
h4: {
|
|
988
994
|
regular: {
|
|
989
|
-
font: "400 1.
|
|
995
|
+
font: "400 1.5rem/1.25 'Bw Gradual'",
|
|
990
996
|
letterSpacing: "0"
|
|
991
997
|
},
|
|
992
998
|
medium: {
|
|
993
|
-
font: "500 1.
|
|
999
|
+
font: "500 1.5rem/1.25 'Bw Gradual'",
|
|
994
1000
|
letterSpacing: "0"
|
|
995
1001
|
},
|
|
996
1002
|
semibold: {
|
|
997
|
-
font: "700 1.
|
|
1003
|
+
font: "700 1.5rem/1.25 'Bw Gradual'",
|
|
998
1004
|
letterSpacing: "0"
|
|
999
1005
|
}
|
|
1000
1006
|
},
|
|
1001
1007
|
h3: {
|
|
1002
1008
|
regular: {
|
|
1003
|
-
font: "400 1.
|
|
1009
|
+
font: "400 1.75rem/1.25 'Bw Gradual'",
|
|
1004
1010
|
letterSpacing: "0"
|
|
1005
1011
|
},
|
|
1006
1012
|
medium: {
|
|
1007
|
-
font: "500 1.
|
|
1013
|
+
font: "500 1.75rem/1.25 'Bw Gradual'",
|
|
1008
1014
|
letterSpacing: "0"
|
|
1009
1015
|
},
|
|
1010
1016
|
semibold: {
|
|
1011
|
-
font: "700 1.
|
|
1017
|
+
font: "700 1.75rem/1.25 'Bw Gradual'",
|
|
1012
1018
|
letterSpacing: "0"
|
|
1013
1019
|
}
|
|
1014
1020
|
},
|
|
1015
1021
|
h2: {
|
|
1016
1022
|
regular: {
|
|
1017
|
-
font: "400 2.
|
|
1023
|
+
font: "400 2.25rem/1.25 'Bw Gradual'",
|
|
1018
1024
|
letterSpacing: "0"
|
|
1019
1025
|
},
|
|
1020
1026
|
medium: {
|
|
1021
|
-
font: "500 2.
|
|
1027
|
+
font: "500 2.25rem/1.25 'Bw Gradual'",
|
|
1022
1028
|
letterSpacing: "0"
|
|
1023
1029
|
},
|
|
1024
1030
|
semibold: {
|
|
1025
|
-
font: "700 2.
|
|
1031
|
+
font: "700 2.25rem/1.25 'Bw Gradual'",
|
|
1026
1032
|
letterSpacing: "0"
|
|
1027
1033
|
}
|
|
1028
1034
|
},
|
|
1029
1035
|
h1: {
|
|
1030
1036
|
regular: {
|
|
1031
|
-
font: "400
|
|
1037
|
+
font: "400 3rem/1 'Bw Gradual'",
|
|
1032
1038
|
letterSpacing: "0"
|
|
1033
1039
|
},
|
|
1034
1040
|
medium: {
|
|
1035
|
-
font: "500
|
|
1041
|
+
font: "500 3rem/1.25 'Bw Gradual'",
|
|
1036
1042
|
letterSpacing: "0"
|
|
1037
1043
|
},
|
|
1038
1044
|
semibold: {
|
|
1039
|
-
font: "700
|
|
1045
|
+
font: "700 3rem/1.25 'Bw Gradual'",
|
|
1040
1046
|
letterSpacing: "0"
|
|
1041
1047
|
}
|
|
1042
1048
|
}
|
|
@@ -1044,43 +1050,43 @@ var typography$1 = {
|
|
|
1044
1050
|
label: {
|
|
1045
1051
|
sm: {
|
|
1046
1052
|
regular: {
|
|
1047
|
-
font: "400 0.
|
|
1053
|
+
font: "400 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1048
1054
|
letterSpacing: "0.05px"
|
|
1049
1055
|
},
|
|
1050
1056
|
medium: {
|
|
1051
|
-
font: "400 0.
|
|
1057
|
+
font: "400 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1052
1058
|
letterSpacing: "0.05px"
|
|
1053
1059
|
},
|
|
1054
1060
|
semibold: {
|
|
1055
|
-
font: "700 0.
|
|
1061
|
+
font: "700 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1056
1062
|
letterSpacing: "0.05px"
|
|
1057
1063
|
}
|
|
1058
1064
|
},
|
|
1059
1065
|
md: {
|
|
1060
1066
|
regular: {
|
|
1061
|
-
font: "400 0.
|
|
1067
|
+
font: "400 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1062
1068
|
letterSpacing: "0.1px"
|
|
1063
1069
|
},
|
|
1064
1070
|
medium: {
|
|
1065
|
-
font: "400 0.
|
|
1071
|
+
font: "400 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1066
1072
|
letterSpacing: "0.1px"
|
|
1067
1073
|
},
|
|
1068
1074
|
semibold: {
|
|
1069
|
-
font: "700 0.
|
|
1075
|
+
font: "700 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1070
1076
|
letterSpacing: "0.1px"
|
|
1071
1077
|
}
|
|
1072
1078
|
},
|
|
1073
1079
|
lg: {
|
|
1074
1080
|
regular: {
|
|
1075
|
-
font: "400
|
|
1081
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1076
1082
|
letterSpacing: "0.1px"
|
|
1077
1083
|
},
|
|
1078
1084
|
medium: {
|
|
1079
|
-
font: "400
|
|
1085
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1080
1086
|
letterSpacing: "0.1px"
|
|
1081
1087
|
},
|
|
1082
1088
|
semibold: {
|
|
1083
|
-
font: "700
|
|
1089
|
+
font: "700 1rem/1.375 'Aktiv Grotesk'",
|
|
1084
1090
|
letterSpacing: "0.1px"
|
|
1085
1091
|
}
|
|
1086
1092
|
}
|
|
@@ -1088,43 +1094,43 @@ var typography$1 = {
|
|
|
1088
1094
|
body: {
|
|
1089
1095
|
sm: {
|
|
1090
1096
|
regular: {
|
|
1091
|
-
font: "400 0.
|
|
1097
|
+
font: "400 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1092
1098
|
letterSpacing: "0.05px"
|
|
1093
1099
|
},
|
|
1094
1100
|
medium: {
|
|
1095
|
-
font: "500 0.
|
|
1101
|
+
font: "500 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1096
1102
|
letterSpacing: "0.05px"
|
|
1097
1103
|
},
|
|
1098
1104
|
semibold: {
|
|
1099
|
-
font: "700 0.
|
|
1105
|
+
font: "700 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1100
1106
|
letterSpacing: "0.05px"
|
|
1101
1107
|
}
|
|
1102
1108
|
},
|
|
1103
1109
|
md: {
|
|
1104
1110
|
regular: {
|
|
1105
|
-
font: "400
|
|
1111
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1106
1112
|
letterSpacing: "0.1px"
|
|
1107
1113
|
},
|
|
1108
1114
|
medium: {
|
|
1109
|
-
font: "500
|
|
1115
|
+
font: "500 1rem/1.375 'Aktiv Grotesk'",
|
|
1110
1116
|
letterSpacing: "0.1px"
|
|
1111
1117
|
},
|
|
1112
1118
|
semibold: {
|
|
1113
|
-
font: "700
|
|
1119
|
+
font: "700 1rem/1.375 'Aktiv Grotesk'",
|
|
1114
1120
|
letterSpacing: "0.1px"
|
|
1115
1121
|
}
|
|
1116
1122
|
},
|
|
1117
1123
|
lg: {
|
|
1118
1124
|
regular: {
|
|
1119
|
-
font: "400 1.
|
|
1125
|
+
font: "400 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1120
1126
|
letterSpacing: "0.1px"
|
|
1121
1127
|
},
|
|
1122
1128
|
medium: {
|
|
1123
|
-
font: "500 1.
|
|
1129
|
+
font: "500 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1124
1130
|
letterSpacing: "0.1px"
|
|
1125
1131
|
},
|
|
1126
1132
|
semibold: {
|
|
1127
|
-
font: "700 1.
|
|
1133
|
+
font: "700 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1128
1134
|
letterSpacing: "0.1px"
|
|
1129
1135
|
}
|
|
1130
1136
|
}
|
|
@@ -1222,12 +1228,8 @@ var color = {
|
|
|
1222
1228
|
},
|
|
1223
1229
|
overlay: {
|
|
1224
1230
|
subtle: "rgb(100% 100% 100% / 0.25)",
|
|
1225
|
-
medium: "rgb(5.49% 7.06% 9.41% / 0.5)"
|
|
1226
|
-
|
|
1227
|
-
positive: {
|
|
1228
|
-
subtle: "#ffffff",
|
|
1229
|
-
medium: "#f6f9fd",
|
|
1230
|
-
strong: "#f0f3f9"
|
|
1231
|
+
medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
|
|
1232
|
+
interactive: "rgb(100% 100% 100% / 0.25)"
|
|
1231
1233
|
}
|
|
1232
1234
|
},
|
|
1233
1235
|
text: {
|
|
@@ -1259,91 +1261,97 @@ var color = {
|
|
|
1259
1261
|
active: "#ffffff",
|
|
1260
1262
|
visited: "#a8bbf8",
|
|
1261
1263
|
disabled: "#606671"
|
|
1264
|
+
},
|
|
1265
|
+
positive: {
|
|
1266
|
+
subtle: "#ffffff",
|
|
1267
|
+
medium: "#f6f9fd",
|
|
1268
|
+
strong: "#f0f3f9",
|
|
1269
|
+
interactive: "#000000"
|
|
1262
1270
|
}
|
|
1263
1271
|
};
|
|
1264
1272
|
var typography = {
|
|
1265
1273
|
heading: {
|
|
1266
1274
|
h6: {
|
|
1267
1275
|
regular: {
|
|
1268
|
-
font: "400
|
|
1276
|
+
font: "400 1rem/1.5 'Bw Gradual'",
|
|
1269
1277
|
letterSpacing: "0.1px"
|
|
1270
1278
|
},
|
|
1271
1279
|
medium: {
|
|
1272
|
-
font: "500
|
|
1280
|
+
font: "500 1rem/1.5 'Bw Gradual'",
|
|
1273
1281
|
letterSpacing: "0.1px"
|
|
1274
1282
|
},
|
|
1275
1283
|
semibold: {
|
|
1276
|
-
font: "700
|
|
1284
|
+
font: "700 1rem/1.5 'Bw Gradual'",
|
|
1277
1285
|
letterSpacing: "0.1px"
|
|
1278
1286
|
}
|
|
1279
1287
|
},
|
|
1280
1288
|
h5: {
|
|
1281
1289
|
regular: {
|
|
1282
|
-
font: "400 1.
|
|
1290
|
+
font: "400 1.375rem/1.5 'Bw Gradual'",
|
|
1283
1291
|
letterSpacing: "0.1px"
|
|
1284
1292
|
},
|
|
1285
1293
|
medium: {
|
|
1286
|
-
font: "500 1.
|
|
1294
|
+
font: "500 1.375rem/1.5 'Bw Gradual'",
|
|
1287
1295
|
letterSpacing: "0.1px"
|
|
1288
1296
|
},
|
|
1289
1297
|
semibold: {
|
|
1290
|
-
font: "700 1.
|
|
1298
|
+
font: "700 1.375rem/1.5 'Bw Gradual'",
|
|
1291
1299
|
letterSpacing: "0.1px"
|
|
1292
1300
|
}
|
|
1293
1301
|
},
|
|
1294
1302
|
h4: {
|
|
1295
1303
|
regular: {
|
|
1296
|
-
font: "400 1.
|
|
1304
|
+
font: "400 1.5rem/1.25 'Bw Gradual'",
|
|
1297
1305
|
letterSpacing: "0"
|
|
1298
1306
|
},
|
|
1299
1307
|
medium: {
|
|
1300
|
-
font: "500 1.
|
|
1308
|
+
font: "500 1.5rem/1.25 'Bw Gradual'",
|
|
1301
1309
|
letterSpacing: "0"
|
|
1302
1310
|
},
|
|
1303
1311
|
semibold: {
|
|
1304
|
-
font: "700 1.
|
|
1312
|
+
font: "700 1.5rem/1.25 'Bw Gradual'",
|
|
1305
1313
|
letterSpacing: "0"
|
|
1306
1314
|
}
|
|
1307
1315
|
},
|
|
1308
1316
|
h3: {
|
|
1309
1317
|
regular: {
|
|
1310
|
-
font: "400 1.
|
|
1318
|
+
font: "400 1.75rem/1.25 'Bw Gradual'",
|
|
1311
1319
|
letterSpacing: "0"
|
|
1312
1320
|
},
|
|
1313
1321
|
medium: {
|
|
1314
|
-
font: "500 1.
|
|
1322
|
+
font: "500 1.75rem/1.25 'Bw Gradual'",
|
|
1315
1323
|
letterSpacing: "0"
|
|
1316
1324
|
},
|
|
1317
1325
|
semibold: {
|
|
1318
|
-
font: "700 1.
|
|
1326
|
+
font: "700 1.75rem/1.25 'Bw Gradual'",
|
|
1319
1327
|
letterSpacing: "0"
|
|
1320
1328
|
}
|
|
1321
1329
|
},
|
|
1322
1330
|
h2: {
|
|
1323
1331
|
regular: {
|
|
1324
|
-
font: "400 2.
|
|
1332
|
+
font: "400 2.25rem/1.25 'Bw Gradual'",
|
|
1325
1333
|
letterSpacing: "0"
|
|
1326
1334
|
},
|
|
1327
1335
|
medium: {
|
|
1328
|
-
font: "500 2.
|
|
1336
|
+
font: "500 2.25rem/1.25 'Bw Gradual'",
|
|
1329
1337
|
letterSpacing: "0"
|
|
1330
1338
|
},
|
|
1331
1339
|
semibold: {
|
|
1332
|
-
font: "700 2.
|
|
1340
|
+
font: "700 2.25rem/1.25 'Bw Gradual'",
|
|
1333
1341
|
letterSpacing: "0"
|
|
1334
1342
|
}
|
|
1335
1343
|
},
|
|
1336
1344
|
h1: {
|
|
1337
1345
|
regular: {
|
|
1338
|
-
font: "400
|
|
1346
|
+
font: "400 3rem/1 'Bw Gradual'",
|
|
1339
1347
|
letterSpacing: "0"
|
|
1340
1348
|
},
|
|
1341
1349
|
medium: {
|
|
1342
|
-
font: "500
|
|
1350
|
+
font: "500 3rem/1.25 'Bw Gradual'",
|
|
1343
1351
|
letterSpacing: "0"
|
|
1344
1352
|
},
|
|
1345
1353
|
semibold: {
|
|
1346
|
-
font: "700
|
|
1354
|
+
font: "700 3rem/1.25 'Bw Gradual'",
|
|
1347
1355
|
letterSpacing: "0"
|
|
1348
1356
|
}
|
|
1349
1357
|
}
|
|
@@ -1351,43 +1359,43 @@ var typography = {
|
|
|
1351
1359
|
label: {
|
|
1352
1360
|
sm: {
|
|
1353
1361
|
regular: {
|
|
1354
|
-
font: "400 0.
|
|
1362
|
+
font: "400 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1355
1363
|
letterSpacing: "0.05px"
|
|
1356
1364
|
},
|
|
1357
1365
|
medium: {
|
|
1358
|
-
font: "400 0.
|
|
1366
|
+
font: "400 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1359
1367
|
letterSpacing: "0.05px"
|
|
1360
1368
|
},
|
|
1361
1369
|
semibold: {
|
|
1362
|
-
font: "700 0.
|
|
1370
|
+
font: "700 0.75rem/1.25 'Aktiv Grotesk'",
|
|
1363
1371
|
letterSpacing: "0.05px"
|
|
1364
1372
|
}
|
|
1365
1373
|
},
|
|
1366
1374
|
md: {
|
|
1367
1375
|
regular: {
|
|
1368
|
-
font: "400 0.
|
|
1376
|
+
font: "400 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1369
1377
|
letterSpacing: "0.1px"
|
|
1370
1378
|
},
|
|
1371
1379
|
medium: {
|
|
1372
|
-
font: "400 0.
|
|
1380
|
+
font: "400 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1373
1381
|
letterSpacing: "0.1px"
|
|
1374
1382
|
},
|
|
1375
1383
|
semibold: {
|
|
1376
|
-
font: "700 0.
|
|
1384
|
+
font: "700 0.875rem/1.25 'Aktiv Grotesk'",
|
|
1377
1385
|
letterSpacing: "0.1px"
|
|
1378
1386
|
}
|
|
1379
1387
|
},
|
|
1380
1388
|
lg: {
|
|
1381
1389
|
regular: {
|
|
1382
|
-
font: "400
|
|
1390
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1383
1391
|
letterSpacing: "0.1px"
|
|
1384
1392
|
},
|
|
1385
1393
|
medium: {
|
|
1386
|
-
font: "400
|
|
1394
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1387
1395
|
letterSpacing: "0.1px"
|
|
1388
1396
|
},
|
|
1389
1397
|
semibold: {
|
|
1390
|
-
font: "700
|
|
1398
|
+
font: "700 1rem/1.375 'Aktiv Grotesk'",
|
|
1391
1399
|
letterSpacing: "0.1px"
|
|
1392
1400
|
}
|
|
1393
1401
|
}
|
|
@@ -1395,43 +1403,43 @@ var typography = {
|
|
|
1395
1403
|
body: {
|
|
1396
1404
|
sm: {
|
|
1397
1405
|
regular: {
|
|
1398
|
-
font: "400 0.
|
|
1406
|
+
font: "400 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1399
1407
|
letterSpacing: "0.05px"
|
|
1400
1408
|
},
|
|
1401
1409
|
medium: {
|
|
1402
|
-
font: "500 0.
|
|
1410
|
+
font: "500 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1403
1411
|
letterSpacing: "0.05px"
|
|
1404
1412
|
},
|
|
1405
1413
|
semibold: {
|
|
1406
|
-
font: "700 0.
|
|
1414
|
+
font: "700 0.875rem/1.375 'Aktiv Grotesk'",
|
|
1407
1415
|
letterSpacing: "0.05px"
|
|
1408
1416
|
}
|
|
1409
1417
|
},
|
|
1410
1418
|
md: {
|
|
1411
1419
|
regular: {
|
|
1412
|
-
font: "400
|
|
1420
|
+
font: "400 1rem/1.375 'Aktiv Grotesk'",
|
|
1413
1421
|
letterSpacing: "0.1px"
|
|
1414
1422
|
},
|
|
1415
1423
|
medium: {
|
|
1416
|
-
font: "500
|
|
1424
|
+
font: "500 1rem/1.375 'Aktiv Grotesk'",
|
|
1417
1425
|
letterSpacing: "0.1px"
|
|
1418
1426
|
},
|
|
1419
1427
|
semibold: {
|
|
1420
|
-
font: "700
|
|
1428
|
+
font: "700 1rem/1.375 'Aktiv Grotesk'",
|
|
1421
1429
|
letterSpacing: "0.1px"
|
|
1422
1430
|
}
|
|
1423
1431
|
},
|
|
1424
1432
|
lg: {
|
|
1425
1433
|
regular: {
|
|
1426
|
-
font: "400 1.
|
|
1434
|
+
font: "400 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1427
1435
|
letterSpacing: "0.1px"
|
|
1428
1436
|
},
|
|
1429
1437
|
medium: {
|
|
1430
|
-
font: "500 1.
|
|
1438
|
+
font: "500 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1431
1439
|
letterSpacing: "0.1px"
|
|
1432
1440
|
},
|
|
1433
1441
|
semibold: {
|
|
1434
|
-
font: "700 1.
|
|
1442
|
+
font: "700 1.375rem/1.5 'Aktiv Grotesk'",
|
|
1435
1443
|
letterSpacing: "0.1px"
|
|
1436
1444
|
}
|
|
1437
1445
|
}
|
|
@@ -1531,11 +1539,7 @@ declare const themeContract: {
|
|
|
1531
1539
|
overlay: {
|
|
1532
1540
|
subtle: string;
|
|
1533
1541
|
medium: string;
|
|
1534
|
-
|
|
1535
|
-
positive: {
|
|
1536
|
-
subtle: string;
|
|
1537
|
-
medium: string;
|
|
1538
|
-
strong: string;
|
|
1542
|
+
interactive: string;
|
|
1539
1543
|
};
|
|
1540
1544
|
};
|
|
1541
1545
|
text: {
|
|
@@ -1568,6 +1572,12 @@ declare const themeContract: {
|
|
|
1568
1572
|
visited: string;
|
|
1569
1573
|
disabled: string;
|
|
1570
1574
|
};
|
|
1575
|
+
positive: {
|
|
1576
|
+
subtle: string;
|
|
1577
|
+
medium: string;
|
|
1578
|
+
strong: string;
|
|
1579
|
+
interactive: string;
|
|
1580
|
+
};
|
|
1571
1581
|
};
|
|
1572
1582
|
typography: {
|
|
1573
1583
|
heading: {
|
|
@@ -1832,11 +1842,7 @@ declare const themeVars: {
|
|
|
1832
1842
|
overlay: {
|
|
1833
1843
|
subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1834
1844
|
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1835
|
-
|
|
1836
|
-
positive: {
|
|
1837
|
-
subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1838
|
-
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1839
|
-
strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1845
|
+
interactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1840
1846
|
};
|
|
1841
1847
|
};
|
|
1842
1848
|
text: {
|
|
@@ -1869,6 +1875,12 @@ declare const themeVars: {
|
|
|
1869
1875
|
visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1870
1876
|
disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1871
1877
|
};
|
|
1878
|
+
positive: {
|
|
1879
|
+
subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1880
|
+
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1881
|
+
strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1882
|
+
interactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1883
|
+
};
|
|
1872
1884
|
};
|
|
1873
1885
|
typography: {
|
|
1874
1886
|
heading: {
|
|
@@ -2140,6 +2152,13 @@ interface Color {
|
|
|
2140
2152
|
icon: Icon;
|
|
2141
2153
|
border: Border;
|
|
2142
2154
|
interactive: Interactive;
|
|
2155
|
+
positive: Positive;
|
|
2156
|
+
}
|
|
2157
|
+
interface Positive {
|
|
2158
|
+
subtle: string;
|
|
2159
|
+
medium: string;
|
|
2160
|
+
strong: string;
|
|
2161
|
+
interactive: string;
|
|
2143
2162
|
}
|
|
2144
2163
|
interface Interactive {
|
|
2145
2164
|
primary: string;
|
|
@@ -2176,11 +2195,11 @@ interface Background {
|
|
|
2176
2195
|
inverse: Primary;
|
|
2177
2196
|
secondary: Primary;
|
|
2178
2197
|
overlay: Overlay;
|
|
2179
|
-
positive: Primary;
|
|
2180
2198
|
}
|
|
2181
2199
|
interface Overlay {
|
|
2182
2200
|
subtle: string;
|
|
2183
2201
|
medium: string;
|
|
2202
|
+
interactive: string;
|
|
2184
2203
|
}
|
|
2185
2204
|
interface Primary {
|
|
2186
2205
|
subtle: string;
|