@atlaskit/tokens 13.1.1 → 13.2.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/CHANGELOG.md +26 -0
- package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +0 -1
- package/dist/cjs/artifacts/generated-pairs.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +21 -1
- package/dist/cjs/artifacts/token-names.js +21 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +471 -31
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +471 -31
- package/dist/cjs/entry-points/token-metadata.codegen.js +196 -16
- package/dist/es2019/artifacts/generated-pairs.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +21 -1
- package/dist/es2019/artifacts/themes/atlassian-dark.js +21 -1
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +21 -1
- package/dist/es2019/artifacts/themes/atlassian-light.js +21 -1
- package/dist/es2019/artifacts/token-default-values.js +21 -1
- package/dist/es2019/artifacts/token-names.js +21 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +471 -31
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +471 -31
- package/dist/es2019/entry-points/token-metadata.codegen.js +196 -16
- package/dist/esm/artifacts/generated-pairs.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +21 -1
- package/dist/esm/artifacts/token-names.js +21 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +471 -31
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +471 -31
- package/dist/esm/entry-points/token-metadata.codegen.js +196 -16
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +21 -1
- package/dist/types/artifacts/token-names.d.ts +41 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/types.d.ts +75 -15
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +21 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +41 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +75 -15
- package/figma/atlassian-dark-increased-contrast.json +180 -0
- package/figma/atlassian-dark.json +180 -0
- package/figma/atlassian-light-increased-contrast.json +180 -0
- package/figma/atlassian-light.json +180 -0
- package/package.json +4 -4
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::620de1bdd9882e214dcc9ae141009ae7>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -1035,94 +1035,184 @@ export var tokens = [{
|
|
|
1035
1035
|
}
|
|
1036
1036
|
}, {
|
|
1037
1037
|
name: 'color.border.accent.lime',
|
|
1038
|
-
path: ['color', 'border', 'accent', 'lime'],
|
|
1038
|
+
path: ['color', 'border', 'accent', 'lime', '[default]'],
|
|
1039
1039
|
description: 'Use for lime borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1040
1040
|
exampleValue: '#6A9A23',
|
|
1041
1041
|
usageGuidelines: {
|
|
1042
1042
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1043
1043
|
cssProperties: ['border-color', 'outline-color']
|
|
1044
1044
|
}
|
|
1045
|
+
}, {
|
|
1046
|
+
name: 'color.border.accent.lime.subtle',
|
|
1047
|
+
path: ['color', 'border', 'accent', 'lime', 'subtle'],
|
|
1048
|
+
description: 'Use for decorative lime borders that do not need to meet 3:1 contrast requirements.',
|
|
1049
|
+
exampleValue: '#B3DF72',
|
|
1050
|
+
usageGuidelines: {
|
|
1051
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1052
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1053
|
+
}
|
|
1045
1054
|
}, {
|
|
1046
1055
|
name: 'color.border.accent.red',
|
|
1047
|
-
path: ['color', 'border', 'accent', 'red'],
|
|
1056
|
+
path: ['color', 'border', 'accent', 'red', '[default]'],
|
|
1048
1057
|
description: 'Use for red borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1049
1058
|
exampleValue: '#E2483D',
|
|
1050
1059
|
usageGuidelines: {
|
|
1051
1060
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1052
1061
|
cssProperties: ['border-color', 'outline-color']
|
|
1053
1062
|
}
|
|
1063
|
+
}, {
|
|
1064
|
+
name: 'color.border.accent.red.subtle',
|
|
1065
|
+
path: ['color', 'border', 'accent', 'red', 'subtle'],
|
|
1066
|
+
description: 'Use for decorative red borders that do not need to meet 3:1 contrast requirements.',
|
|
1067
|
+
exampleValue: '#FD9891',
|
|
1068
|
+
usageGuidelines: {
|
|
1069
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1070
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1071
|
+
}
|
|
1054
1072
|
}, {
|
|
1055
1073
|
name: 'color.border.accent.orange',
|
|
1056
|
-
path: ['color', 'border', 'accent', 'orange'],
|
|
1074
|
+
path: ['color', 'border', 'accent', 'orange', '[default]'],
|
|
1057
1075
|
description: 'Use for orange borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1058
1076
|
exampleValue: '#E06C00',
|
|
1059
1077
|
usageGuidelines: {
|
|
1060
1078
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1061
1079
|
cssProperties: ['border-color', 'outline-color']
|
|
1062
1080
|
}
|
|
1081
|
+
}, {
|
|
1082
|
+
name: 'color.border.accent.orange.subtle',
|
|
1083
|
+
path: ['color', 'border', 'accent', 'orange', 'subtle'],
|
|
1084
|
+
description: 'Use for decorative orange borders that do not need to meet 3:1 contrast requirements.',
|
|
1085
|
+
exampleValue: '#FBC828',
|
|
1086
|
+
usageGuidelines: {
|
|
1087
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1088
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1089
|
+
}
|
|
1063
1090
|
}, {
|
|
1064
1091
|
name: 'color.border.accent.yellow',
|
|
1065
|
-
path: ['color', 'border', 'accent', 'yellow'],
|
|
1092
|
+
path: ['color', 'border', 'accent', 'yellow', '[default]'],
|
|
1066
1093
|
description: 'Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1067
1094
|
exampleValue: '#B38600',
|
|
1068
1095
|
usageGuidelines: {
|
|
1069
1096
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1070
1097
|
cssProperties: ['border-color', 'outline-color']
|
|
1071
1098
|
}
|
|
1099
|
+
}, {
|
|
1100
|
+
name: 'color.border.accent.yellow.subtle',
|
|
1101
|
+
path: ['color', 'border', 'accent', 'yellow', 'subtle'],
|
|
1102
|
+
description: 'Use for decorative yellow borders that do not need to meet 3:1 contrast requirements.',
|
|
1103
|
+
exampleValue: '#EED12B',
|
|
1104
|
+
usageGuidelines: {
|
|
1105
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1106
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1107
|
+
}
|
|
1072
1108
|
}, {
|
|
1073
1109
|
name: 'color.border.accent.green',
|
|
1074
|
-
path: ['color', 'border', 'accent', 'green'],
|
|
1110
|
+
path: ['color', 'border', 'accent', 'green', '[default]'],
|
|
1075
1111
|
description: 'Use for green borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1076
1112
|
exampleValue: '#22A06B',
|
|
1077
1113
|
usageGuidelines: {
|
|
1078
1114
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1079
1115
|
cssProperties: ['border-color', 'outline-color']
|
|
1080
1116
|
}
|
|
1117
|
+
}, {
|
|
1118
|
+
name: 'color.border.accent.green.subtle',
|
|
1119
|
+
path: ['color', 'border', 'accent', 'green', 'subtle'],
|
|
1120
|
+
description: 'Use for decorative green borders that do not need to meet 3:1 contrast requirements.',
|
|
1121
|
+
exampleValue: '#7EE2B8',
|
|
1122
|
+
usageGuidelines: {
|
|
1123
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1124
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1125
|
+
}
|
|
1081
1126
|
}, {
|
|
1082
1127
|
name: 'color.border.accent.teal',
|
|
1083
|
-
path: ['color', 'border', 'accent', 'teal'],
|
|
1128
|
+
path: ['color', 'border', 'accent', 'teal', '[default]'],
|
|
1084
1129
|
description: 'Use for teal borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1085
1130
|
exampleValue: '#2898BD',
|
|
1086
1131
|
usageGuidelines: {
|
|
1087
1132
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1088
1133
|
cssProperties: ['border-color', 'outline-color']
|
|
1089
1134
|
}
|
|
1135
|
+
}, {
|
|
1136
|
+
name: 'color.border.accent.teal.subtle',
|
|
1137
|
+
path: ['color', 'border', 'accent', 'teal', 'subtle'],
|
|
1138
|
+
description: 'Use for decorative teal borders that do not need to meet 3:1 contrast requirements.',
|
|
1139
|
+
exampleValue: '#9DD9EE',
|
|
1140
|
+
usageGuidelines: {
|
|
1141
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1142
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1143
|
+
}
|
|
1090
1144
|
}, {
|
|
1091
1145
|
name: 'color.border.accent.blue',
|
|
1092
|
-
path: ['color', 'border', 'accent', 'blue'],
|
|
1146
|
+
path: ['color', 'border', 'accent', 'blue', '[default]'],
|
|
1093
1147
|
description: 'Use for blue borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1094
1148
|
exampleValue: '#357DE8',
|
|
1095
1149
|
usageGuidelines: {
|
|
1096
1150
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1097
1151
|
cssProperties: ['border-color', 'outline-color']
|
|
1098
1152
|
}
|
|
1153
|
+
}, {
|
|
1154
|
+
name: 'color.border.accent.blue.subtle',
|
|
1155
|
+
path: ['color', 'border', 'accent', 'blue', 'subtle'],
|
|
1156
|
+
description: 'Use for decorative blue borders that do not need to meet 3:1 contrast requirements.',
|
|
1157
|
+
exampleValue: '#8FB8F6',
|
|
1158
|
+
usageGuidelines: {
|
|
1159
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1160
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1161
|
+
}
|
|
1099
1162
|
}, {
|
|
1100
1163
|
name: 'color.border.accent.purple',
|
|
1101
|
-
path: ['color', 'border', 'accent', 'purple'],
|
|
1164
|
+
path: ['color', 'border', 'accent', 'purple', '[default]'],
|
|
1102
1165
|
description: 'Use for purple borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1103
1166
|
exampleValue: '#AF59E1',
|
|
1104
1167
|
usageGuidelines: {
|
|
1105
1168
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1106
1169
|
cssProperties: ['border-color', 'outline-color']
|
|
1107
1170
|
}
|
|
1171
|
+
}, {
|
|
1172
|
+
name: 'color.border.accent.purple.subtle',
|
|
1173
|
+
path: ['color', 'border', 'accent', 'purple', 'subtle'],
|
|
1174
|
+
description: 'Use for decorative purple borders that do not need to meet 3:1 contrast requirements.',
|
|
1175
|
+
exampleValue: '#D8A0F7',
|
|
1176
|
+
usageGuidelines: {
|
|
1177
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1178
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1179
|
+
}
|
|
1108
1180
|
}, {
|
|
1109
1181
|
name: 'color.border.accent.magenta',
|
|
1110
|
-
path: ['color', 'border', 'accent', 'magenta'],
|
|
1182
|
+
path: ['color', 'border', 'accent', 'magenta', '[default]'],
|
|
1111
1183
|
description: 'Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color.',
|
|
1112
1184
|
exampleValue: '#CD519D',
|
|
1113
1185
|
usageGuidelines: {
|
|
1114
1186
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1115
1187
|
cssProperties: ['border-color', 'outline-color']
|
|
1116
1188
|
}
|
|
1189
|
+
}, {
|
|
1190
|
+
name: 'color.border.accent.magenta.subtle',
|
|
1191
|
+
path: ['color', 'border', 'accent', 'magenta', 'subtle'],
|
|
1192
|
+
description: 'Use for decorative magenta borders that do not need to meet 3:1 contrast requirements.',
|
|
1193
|
+
exampleValue: '#F797D2',
|
|
1194
|
+
usageGuidelines: {
|
|
1195
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1196
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1197
|
+
}
|
|
1117
1198
|
}, {
|
|
1118
1199
|
name: 'color.border.accent.gray',
|
|
1119
|
-
path: ['color', 'border', 'accent', 'gray'],
|
|
1200
|
+
path: ['color', 'border', 'accent', 'gray', '[default]'],
|
|
1120
1201
|
description: 'Use for borders on non-bold gray accent backgrounds.',
|
|
1121
1202
|
exampleValue: '#7D818A',
|
|
1122
1203
|
usageGuidelines: {
|
|
1123
1204
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1124
1205
|
cssProperties: ['border-color', 'outline-color']
|
|
1125
1206
|
}
|
|
1207
|
+
}, {
|
|
1208
|
+
name: 'color.border.accent.gray.subtle',
|
|
1209
|
+
path: ['color', 'border', 'accent', 'gray', 'subtle'],
|
|
1210
|
+
description: 'Use for decorative gray borders that do not need to meet 3:1 contrast requirements.',
|
|
1211
|
+
exampleValue: '#DDDEE1',
|
|
1212
|
+
usageGuidelines: {
|
|
1213
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1214
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1215
|
+
}
|
|
1126
1216
|
}, {
|
|
1127
1217
|
name: 'color.border.disabled',
|
|
1128
1218
|
path: ['color', 'border', 'disabled'],
|
|
@@ -1179,49 +1269,94 @@ export var tokens = [{
|
|
|
1179
1269
|
}
|
|
1180
1270
|
}, {
|
|
1181
1271
|
name: 'color.border.danger',
|
|
1182
|
-
path: ['color', 'border', 'danger'],
|
|
1272
|
+
path: ['color', 'border', 'danger', '[default]'],
|
|
1183
1273
|
description: 'Use for borders communicating critical information, such as the borders on invalid text fields.',
|
|
1184
1274
|
exampleValue: '#E2483D',
|
|
1185
1275
|
usageGuidelines: {
|
|
1186
1276
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1187
1277
|
cssProperties: ['border-color', 'outline-color']
|
|
1188
1278
|
}
|
|
1279
|
+
}, {
|
|
1280
|
+
name: 'color.border.danger.subtle',
|
|
1281
|
+
path: ['color', 'border', 'danger', 'subtle'],
|
|
1282
|
+
description: 'Use for decorative danger borders that do not need to meet 3:1 contrast requirements.',
|
|
1283
|
+
exampleValue: '#FD9891',
|
|
1284
|
+
usageGuidelines: {
|
|
1285
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1286
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1287
|
+
}
|
|
1189
1288
|
}, {
|
|
1190
1289
|
name: 'color.border.warning',
|
|
1191
|
-
path: ['color', 'border', 'warning'],
|
|
1290
|
+
path: ['color', 'border', 'warning', '[default]'],
|
|
1192
1291
|
description: 'Use for borders communicating caution.',
|
|
1193
1292
|
exampleValue: '#E06C00',
|
|
1194
1293
|
usageGuidelines: {
|
|
1195
1294
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1196
1295
|
cssProperties: ['border-color', 'outline-color']
|
|
1197
1296
|
}
|
|
1297
|
+
}, {
|
|
1298
|
+
name: 'color.border.warning.subtle',
|
|
1299
|
+
path: ['color', 'border', 'warning', 'subtle'],
|
|
1300
|
+
description: 'Use for decorative warning borders that do not need to meet 3:1 contrast requirements.',
|
|
1301
|
+
exampleValue: '#FBC828',
|
|
1302
|
+
usageGuidelines: {
|
|
1303
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1304
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1305
|
+
}
|
|
1198
1306
|
}, {
|
|
1199
1307
|
name: 'color.border.success',
|
|
1200
|
-
path: ['color', 'border', 'success'],
|
|
1308
|
+
path: ['color', 'border', 'success', '[default]'],
|
|
1201
1309
|
description: 'Use for borders communicating a favorable outcome, such as the borders on validated text fields.',
|
|
1202
1310
|
exampleValue: '#6A9A23',
|
|
1203
1311
|
usageGuidelines: {
|
|
1204
1312
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1205
1313
|
cssProperties: ['border-color', 'outline-color']
|
|
1206
1314
|
}
|
|
1315
|
+
}, {
|
|
1316
|
+
name: 'color.border.success.subtle',
|
|
1317
|
+
path: ['color', 'border', 'success', 'subtle'],
|
|
1318
|
+
description: 'Use for decorative success borders that do not need to meet 3:1 contrast requirements.',
|
|
1319
|
+
exampleValue: '#B3DF72',
|
|
1320
|
+
usageGuidelines: {
|
|
1321
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1322
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1323
|
+
}
|
|
1207
1324
|
}, {
|
|
1208
1325
|
name: 'color.border.discovery',
|
|
1209
|
-
path: ['color', 'border', 'discovery'],
|
|
1326
|
+
path: ['color', 'border', 'discovery', '[default]'],
|
|
1210
1327
|
description: 'Use for borders communicating change or something new, such as the borders in onboarding spotlights.',
|
|
1211
1328
|
exampleValue: '#AF59E1',
|
|
1212
1329
|
usageGuidelines: {
|
|
1213
1330
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1214
1331
|
cssProperties: ['border-color', 'outline-color']
|
|
1215
1332
|
}
|
|
1333
|
+
}, {
|
|
1334
|
+
name: 'color.border.discovery.subtle',
|
|
1335
|
+
path: ['color', 'border', 'discovery', 'subtle'],
|
|
1336
|
+
description: 'Use for decorative discovery borders that do not need to meet 3:1 contrast requirements.',
|
|
1337
|
+
exampleValue: '#D8A0F7',
|
|
1338
|
+
usageGuidelines: {
|
|
1339
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1340
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1341
|
+
}
|
|
1216
1342
|
}, {
|
|
1217
1343
|
name: 'color.border.information',
|
|
1218
|
-
path: ['color', 'border', 'information'],
|
|
1344
|
+
path: ['color', 'border', 'information', '[default]'],
|
|
1219
1345
|
description: 'Use for borders communicating information or something in-progress.',
|
|
1220
1346
|
exampleValue: '#357DE8',
|
|
1221
1347
|
usageGuidelines: {
|
|
1222
1348
|
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1223
1349
|
cssProperties: ['border-color', 'outline-color']
|
|
1224
1350
|
}
|
|
1351
|
+
}, {
|
|
1352
|
+
name: 'color.border.information.subtle',
|
|
1353
|
+
path: ['color', 'border', 'information', 'subtle'],
|
|
1354
|
+
description: 'Use for decorative information borders that do not need to meet 3:1 contrast requirements.',
|
|
1355
|
+
exampleValue: '#8FB8F6',
|
|
1356
|
+
usageGuidelines: {
|
|
1357
|
+
usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
|
|
1358
|
+
cssProperties: ['border-color', 'outline-color']
|
|
1359
|
+
}
|
|
1225
1360
|
}, {
|
|
1226
1361
|
name: 'color.border.bold',
|
|
1227
1362
|
path: ['color', 'border', 'bold'],
|
|
@@ -2644,6 +2779,15 @@ export var tokens = [{
|
|
|
2644
2779
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2645
2780
|
cssProperties: ['background-color']
|
|
2646
2781
|
}
|
|
2782
|
+
}, {
|
|
2783
|
+
name: 'color.background.danger.subtle',
|
|
2784
|
+
path: ['color', 'background', 'danger', 'subtle', '[default]'],
|
|
2785
|
+
description: 'Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states.',
|
|
2786
|
+
exampleValue: '#FD9891',
|
|
2787
|
+
usageGuidelines: {
|
|
2788
|
+
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2789
|
+
cssProperties: ['background-color']
|
|
2790
|
+
}
|
|
2647
2791
|
}, {
|
|
2648
2792
|
name: 'color.background.danger.bold',
|
|
2649
2793
|
path: ['color', 'background', 'danger', 'bold', '[default]'],
|
|
@@ -2725,6 +2869,15 @@ export var tokens = [{
|
|
|
2725
2869
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2726
2870
|
cssProperties: ['background-color']
|
|
2727
2871
|
}
|
|
2872
|
+
}, {
|
|
2873
|
+
name: 'color.background.warning.subtle',
|
|
2874
|
+
path: ['color', 'background', 'warning', 'subtle', '[default]'],
|
|
2875
|
+
description: 'Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states.',
|
|
2876
|
+
exampleValue: '#FBD779',
|
|
2877
|
+
usageGuidelines: {
|
|
2878
|
+
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2879
|
+
cssProperties: ['background-color']
|
|
2880
|
+
}
|
|
2728
2881
|
}, {
|
|
2729
2882
|
name: 'color.background.warning.bold',
|
|
2730
2883
|
path: ['color', 'background', 'warning', 'bold', '[default]'],
|
|
@@ -2806,6 +2959,15 @@ export var tokens = [{
|
|
|
2806
2959
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2807
2960
|
cssProperties: ['background-color']
|
|
2808
2961
|
}
|
|
2962
|
+
}, {
|
|
2963
|
+
name: 'color.background.success.subtle',
|
|
2964
|
+
path: ['color', 'background', 'success', 'subtle', '[default]'],
|
|
2965
|
+
description: 'Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states.',
|
|
2966
|
+
exampleValue: '#B3DF72',
|
|
2967
|
+
usageGuidelines: {
|
|
2968
|
+
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2969
|
+
cssProperties: ['background-color']
|
|
2970
|
+
}
|
|
2809
2971
|
}, {
|
|
2810
2972
|
name: 'color.background.success.bold',
|
|
2811
2973
|
path: ['color', 'background', 'success', 'bold', '[default]'],
|
|
@@ -2887,6 +3049,15 @@ export var tokens = [{
|
|
|
2887
3049
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2888
3050
|
cssProperties: ['background-color']
|
|
2889
3051
|
}
|
|
3052
|
+
}, {
|
|
3053
|
+
name: 'color.background.discovery.subtle',
|
|
3054
|
+
path: ['color', 'background', 'discovery', 'subtle', '[default]'],
|
|
3055
|
+
description: 'Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states.',
|
|
3056
|
+
exampleValue: '#D8A0F7',
|
|
3057
|
+
usageGuidelines: {
|
|
3058
|
+
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
3059
|
+
cssProperties: ['background-color']
|
|
3060
|
+
}
|
|
2890
3061
|
}, {
|
|
2891
3062
|
name: 'color.background.discovery.bold',
|
|
2892
3063
|
path: ['color', 'background', 'discovery', 'bold', '[default]'],
|
|
@@ -2968,6 +3139,15 @@ export var tokens = [{
|
|
|
2968
3139
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2969
3140
|
cssProperties: ['background-color']
|
|
2970
3141
|
}
|
|
3142
|
+
}, {
|
|
3143
|
+
name: 'color.background.information.subtle',
|
|
3144
|
+
path: ['color', 'background', 'information', 'subtle', '[default]'],
|
|
3145
|
+
description: 'Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states.',
|
|
3146
|
+
exampleValue: '#8FB8F6',
|
|
3147
|
+
usageGuidelines: {
|
|
3148
|
+
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
3149
|
+
cssProperties: ['background-color']
|
|
3150
|
+
}
|
|
2971
3151
|
}, {
|
|
2972
3152
|
name: 'color.background.information.bold',
|
|
2973
3153
|
path: ['color', 'background', 'information', 'bold', '[default]'],
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Auto-generated list of token pairings that may need to have sufficient contrast.
|
|
5
5
|
* Not currently used by tests, but is used by the custom theme contrast checker example
|
|
6
6
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
7
|
+
* @codegen <<SignedSource::75f39b72b7bd80c2210d4b67ff6701bf>>
|
|
8
8
|
* @codegenCommand yarn build tokens
|
|
9
9
|
*/
|
|
10
10
|
export declare const generatedPairs: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::c9806433eb5f20f1291768b3b482aff0>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #E2E3E4;\n --ds-text-accent-lime: #D3F1A7;\n --ds-text-accent-lime-bolder: #EFFFD6;\n --ds-text-accent-red: #FFD5D2;\n --ds-text-accent-red-bolder: #FFECEB;\n --ds-text-accent-orange: #FCE4A6;\n --ds-text-accent-orange-bolder: #FFF5DB;\n --ds-text-accent-yellow: #F5E989;\n --ds-text-accent-yellow-bolder: #FEF7C8;\n --ds-text-accent-green: #BAF3DB;\n --ds-text-accent-green-bolder: #DCFFF1;\n --ds-text-accent-teal: #C6EDFB;\n --ds-text-accent-teal-bolder: #E7F9FF;\n --ds-text-accent-blue: #CFE1FD;\n --ds-text-accent-blue-bolder: #E9F2FE;\n --ds-text-accent-purple: #EED7FC;\n --ds-text-accent-purple-bolder: #F8EEFE;\n --ds-text-accent-magenta: #FDD0EC;\n --ds-text-accent-magenta-bolder: #FFECF8;\n --ds-text-accent-gray: #BFC1C4;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #CFE1FD;\n --ds-text-brand: #CFE1FD;\n --ds-text-danger: #FFD5D2;\n --ds-text-danger-bolder: #FFECEB;\n --ds-text-warning: #FCE4A6;\n --ds-text-warning-inverse: #18191A;\n --ds-text-warning-bolder: #FFF5DB;\n --ds-text-success: #BAF3DB;\n --ds-text-success-bolder: #DCFFF1;\n --ds-text-discovery: #EED7FC;\n --ds-text-discovery-bolder: #F8EEFE;\n --ds-text-information: #CFE1FD;\n --ds-text-information-bolder: #E9F2FE;\n --ds-text-subtlest: #BFC1C4;\n --ds-text-subtle: #CECFD2;\n --ds-link: #CFE1FD;\n --ds-link-pressed: #CFE1FD;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #B3DF72;\n --ds-icon-accent-red: #FD9891;\n --ds-icon-accent-orange: #FBC828;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #7EE2B8;\n --ds-icon-accent-teal: #9DD9EE;\n --ds-icon-accent-blue: #8FB8F6;\n --ds-icon-accent-purple: #D8A0F7;\n --ds-icon-accent-magenta: #F797D2;\n --ds-icon-accent-gray: #A9ABAF;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #8FB8F6;\n --ds-icon-brand: #8FB8F6;\n --ds-icon-danger: #F87168;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #18191A;\n --ds-icon-success: #7EE2B8;\n --ds-icon-discovery: #C97CF4;\n --ds-icon-information: #8FB8F6;\n --ds-icon-subtlest: #BFC1C4;\n --ds-icon-subtle: #BFC1C4;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #B3DF72;\n --ds-border-accent-red: #FD9891;\n --ds-border-accent-orange: #FBC828;\n --ds-border-accent-yellow: #EED12B;\n --ds-border-accent-green: #7EE2B8;\n --ds-border-accent-teal: #9DD9EE;\n --ds-border-accent-blue: #8FB8F6;\n --ds-border-accent-purple: #D8A0F7;\n --ds-border-accent-magenta: #F797D2;\n --ds-border-accent-gray: #A9ABAF;\n --ds-border-disabled: #E3E4F21F;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #A9ABAF;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #8FB8F6;\n --ds-border-brand: #8FB8F6;\n --ds-border-danger: #F87168;\n --ds-border-warning: #FBC828;\n --ds-border-success: #7EE2B8;\n --ds-border-discovery: #C97CF4;\n --ds-border-information: #8FB8F6;\n --ds-border-bold: #A9ABAF;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #D3F1A7;\n --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #FFD5D2;\n --ds-background-accent-red-bolder-hovered: #FFECEB;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCE4A6;\n --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #F5E989;\n --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #BAF3DB;\n --ds-background-accent-green-bolder-hovered: #DCFFF1;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #C6EDFB;\n --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #EED7FC;\n --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #FDD0EC;\n --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #4B4D51;\n --ds-background-accent-gray-subtle-hovered: #303134;\n --ds-background-accent-gray-subtle-pressed: #242528;\n --ds-background-accent-gray-bolder: #A9ABAF;\n --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n --ds-background-accent-gray-bolder-pressed: #CECFD2;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #CFE1FD;\n --ds-background-selected-bold-hovered: #E9F2FE;\n --ds-background-selected-bold-pressed: #E2E3E4;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #CFE1FD;\n --ds-background-brand-bold-hovered: #E9F2FE;\n --ds-background-brand-bold-pressed: #E2E3E4;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #FFD5D2;\n --ds-background-danger-bold-hovered: #FFECEB;\n --ds-background-danger-bold-pressed: #E2E3E4;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #F5E989;\n --ds-background-warning-bold-hovered: #FEF7C8;\n --ds-background-warning-bold-pressed: #E2E3E4;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #BAF3DB;\n --ds-background-success-bold-hovered: #DCFFF1;\n --ds-background-success-bold-pressed: #E2E3E4;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #EED7FC;\n --ds-background-discovery-bold-hovered: #F8EEFE;\n --ds-background-discovery-bold-pressed: #E2E3E4;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #CFE1FD;\n --ds-background-information-bold-hovered: #E9F2FE;\n --ds-background-information-bold-pressed: #E2E3E4;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #9DD9EE;\n --ds-chart-categorical-1-hovered: #C6EDFB;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #FBC828;\n --ds-chart-categorical-3-hovered: #FCE4A6;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #D8A0F7;\n --ds-chart-categorical-6-hovered: #EED7FC;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #B3DF72;\n --ds-chart-lime-bold-hovered: #D3F1A7;\n --ds-chart-lime-bolder: #D3F1A7;\n --ds-chart-lime-bolder-hovered: #EFFFD6;\n --ds-chart-lime-boldest: #EFFFD6;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #96999E;\n --ds-chart-neutral-hovered: #A9ABAF;\n --ds-chart-red-bold: #FD9891;\n --ds-chart-red-bold-hovered: #FFD5D2;\n --ds-chart-red-bolder: #FFD5D2;\n --ds-chart-red-bolder-hovered: #FFECEB;\n --ds-chart-red-boldest: #FFECEB;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #FBC828;\n --ds-chart-orange-bold-hovered: #FCE4A6;\n --ds-chart-orange-bolder: #FCE4A6;\n --ds-chart-orange-bolder-hovered: #FFF5DB;\n --ds-chart-orange-boldest: #FFF5DB;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #EED12B;\n --ds-chart-yellow-bold-hovered: #F5E989;\n --ds-chart-yellow-bolder: #F5E989;\n --ds-chart-yellow-bolder-hovered: #FEF7C8;\n --ds-chart-yellow-boldest: #FEF7C8;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #7EE2B8;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #BAF3DB;\n --ds-chart-green-bolder-hovered: #DCFFF1;\n --ds-chart-green-boldest: #DCFFF1;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #9DD9EE;\n --ds-chart-teal-bold-hovered: #C6EDFB;\n --ds-chart-teal-bolder: #C6EDFB;\n --ds-chart-teal-bolder-hovered: #E7F9FF;\n --ds-chart-teal-boldest: #E7F9FF;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #8FB8F6;\n --ds-chart-blue-bold-hovered: #CFE1FD;\n --ds-chart-blue-bolder: #CFE1FD;\n --ds-chart-blue-bolder-hovered: #E9F2FE;\n --ds-chart-blue-boldest: #E9F2FE;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #D8A0F7;\n --ds-chart-purple-bold-hovered: #EED7FC;\n --ds-chart-purple-bolder: #EED7FC;\n --ds-chart-purple-bolder-hovered: #F8EEFE;\n --ds-chart-purple-boldest: #F8EEFE;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #F797D2;\n --ds-chart-magenta-bold-hovered: #FDD0EC;\n --ds-chart-magenta-bolder: #FDD0EC;\n --ds-chart-magenta-bolder-hovered: #FFECF8;\n --ds-chart-magenta-boldest: #FFECF8;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #96999E;\n --ds-chart-gray-bold-hovered: #A9ABAF;\n --ds-chart-gray-bolder: #A9ABAF;\n --ds-chart-gray-bolder-hovered: #BFC1C4;\n --ds-chart-gray-boldest: #BFC1C4;\n --ds-chart-gray-boldest-hovered: #CECFD2;\n --ds-chart-brand: #669DF1;\n --ds-chart-brand-hovered: #8FB8F6;\n --ds-chart-danger: #F87168;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #C97CF4;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #669DF1;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #E2E3E4;\n --ds-text-accent-lime: #D3F1A7;\n --ds-text-accent-lime-bolder: #EFFFD6;\n --ds-text-accent-red: #FFD5D2;\n --ds-text-accent-red-bolder: #FFECEB;\n --ds-text-accent-orange: #FCE4A6;\n --ds-text-accent-orange-bolder: #FFF5DB;\n --ds-text-accent-yellow: #F5E989;\n --ds-text-accent-yellow-bolder: #FEF7C8;\n --ds-text-accent-green: #BAF3DB;\n --ds-text-accent-green-bolder: #DCFFF1;\n --ds-text-accent-teal: #C6EDFB;\n --ds-text-accent-teal-bolder: #E7F9FF;\n --ds-text-accent-blue: #CFE1FD;\n --ds-text-accent-blue-bolder: #E9F2FE;\n --ds-text-accent-purple: #EED7FC;\n --ds-text-accent-purple-bolder: #F8EEFE;\n --ds-text-accent-magenta: #FDD0EC;\n --ds-text-accent-magenta-bolder: #FFECF8;\n --ds-text-accent-gray: #BFC1C4;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #CFE1FD;\n --ds-text-brand: #CFE1FD;\n --ds-text-danger: #FFD5D2;\n --ds-text-danger-bolder: #FFECEB;\n --ds-text-warning: #FCE4A6;\n --ds-text-warning-inverse: #18191A;\n --ds-text-warning-bolder: #FFF5DB;\n --ds-text-success: #BAF3DB;\n --ds-text-success-bolder: #DCFFF1;\n --ds-text-discovery: #EED7FC;\n --ds-text-discovery-bolder: #F8EEFE;\n --ds-text-information: #CFE1FD;\n --ds-text-information-bolder: #E9F2FE;\n --ds-text-subtlest: #BFC1C4;\n --ds-text-subtle: #CECFD2;\n --ds-link: #CFE1FD;\n --ds-link-pressed: #CFE1FD;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #B3DF72;\n --ds-icon-accent-red: #FD9891;\n --ds-icon-accent-orange: #FBC828;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #7EE2B8;\n --ds-icon-accent-teal: #9DD9EE;\n --ds-icon-accent-blue: #8FB8F6;\n --ds-icon-accent-purple: #D8A0F7;\n --ds-icon-accent-magenta: #F797D2;\n --ds-icon-accent-gray: #A9ABAF;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #8FB8F6;\n --ds-icon-brand: #8FB8F6;\n --ds-icon-danger: #F87168;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #18191A;\n --ds-icon-success: #7EE2B8;\n --ds-icon-discovery: #C97CF4;\n --ds-icon-information: #8FB8F6;\n --ds-icon-subtlest: #BFC1C4;\n --ds-icon-subtle: #BFC1C4;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #B3DF72;\n --ds-border-accent-lime-subtle: #4C6B1F;\n --ds-border-accent-red: #FD9891;\n --ds-border-accent-red-subtle: #AE2E24;\n --ds-border-accent-orange: #FBC828;\n --ds-border-accent-orange-subtle: #9E4C00;\n --ds-border-accent-yellow: #EED12B;\n --ds-border-accent-yellow-subtle: #7F5F01;\n --ds-border-accent-green: #7EE2B8;\n --ds-border-accent-green-subtle: #216E4E;\n --ds-border-accent-teal: #9DD9EE;\n --ds-border-accent-teal-subtle: #206A83;\n --ds-border-accent-blue: #8FB8F6;\n --ds-border-accent-blue-subtle: #1558BC;\n --ds-border-accent-purple: #D8A0F7;\n --ds-border-accent-purple-subtle: #803FA5;\n --ds-border-accent-magenta: #F797D2;\n --ds-border-accent-magenta-subtle: #943D73;\n --ds-border-accent-gray: #A9ABAF;\n --ds-border-accent-gray-subtle: #4B4D51;\n --ds-border-disabled: #E3E4F21F;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #A9ABAF;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #8FB8F6;\n --ds-border-brand: #8FB8F6;\n --ds-border-danger: #F87168;\n --ds-border-danger-subtle: #AE2E24;\n --ds-border-warning: #FBC828;\n --ds-border-warning-subtle: #9E4C00;\n --ds-border-success: #7EE2B8;\n --ds-border-success-subtle: #4C6B1F;\n --ds-border-discovery: #C97CF4;\n --ds-border-discovery-subtle: #803FA5;\n --ds-border-information: #8FB8F6;\n --ds-border-information-subtle: #1558BC;\n --ds-border-bold: #A9ABAF;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #D3F1A7;\n --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #FFD5D2;\n --ds-background-accent-red-bolder-hovered: #FFECEB;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCE4A6;\n --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #F5E989;\n --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #BAF3DB;\n --ds-background-accent-green-bolder-hovered: #DCFFF1;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #C6EDFB;\n --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #EED7FC;\n --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #FDD0EC;\n --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #4B4D51;\n --ds-background-accent-gray-subtle-hovered: #303134;\n --ds-background-accent-gray-subtle-pressed: #242528;\n --ds-background-accent-gray-bolder: #A9ABAF;\n --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n --ds-background-accent-gray-bolder-pressed: #CECFD2;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #CFE1FD;\n --ds-background-selected-bold-hovered: #E9F2FE;\n --ds-background-selected-bold-pressed: #E2E3E4;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #CFE1FD;\n --ds-background-brand-bold-hovered: #E9F2FE;\n --ds-background-brand-bold-pressed: #E2E3E4;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-subtle: #AE2E24;\n --ds-background-danger-bold: #FFD5D2;\n --ds-background-danger-bold-hovered: #FFECEB;\n --ds-background-danger-bold-pressed: #E2E3E4;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-subtle: #9E4C00;\n --ds-background-warning-bold: #F5E989;\n --ds-background-warning-bold-hovered: #FEF7C8;\n --ds-background-warning-bold-pressed: #E2E3E4;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-subtle: #4C6B1F;\n --ds-background-success-bold: #BAF3DB;\n --ds-background-success-bold-hovered: #DCFFF1;\n --ds-background-success-bold-pressed: #E2E3E4;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-subtle: #803FA5;\n --ds-background-discovery-bold: #EED7FC;\n --ds-background-discovery-bold-hovered: #F8EEFE;\n --ds-background-discovery-bold-pressed: #E2E3E4;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-subtle: #1558BC;\n --ds-background-information-bold: #CFE1FD;\n --ds-background-information-bold-hovered: #E9F2FE;\n --ds-background-information-bold-pressed: #E2E3E4;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #9DD9EE;\n --ds-chart-categorical-1-hovered: #C6EDFB;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #FBC828;\n --ds-chart-categorical-3-hovered: #FCE4A6;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #D8A0F7;\n --ds-chart-categorical-6-hovered: #EED7FC;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #B3DF72;\n --ds-chart-lime-bold-hovered: #D3F1A7;\n --ds-chart-lime-bolder: #D3F1A7;\n --ds-chart-lime-bolder-hovered: #EFFFD6;\n --ds-chart-lime-boldest: #EFFFD6;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #96999E;\n --ds-chart-neutral-hovered: #A9ABAF;\n --ds-chart-red-bold: #FD9891;\n --ds-chart-red-bold-hovered: #FFD5D2;\n --ds-chart-red-bolder: #FFD5D2;\n --ds-chart-red-bolder-hovered: #FFECEB;\n --ds-chart-red-boldest: #FFECEB;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #FBC828;\n --ds-chart-orange-bold-hovered: #FCE4A6;\n --ds-chart-orange-bolder: #FCE4A6;\n --ds-chart-orange-bolder-hovered: #FFF5DB;\n --ds-chart-orange-boldest: #FFF5DB;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #EED12B;\n --ds-chart-yellow-bold-hovered: #F5E989;\n --ds-chart-yellow-bolder: #F5E989;\n --ds-chart-yellow-bolder-hovered: #FEF7C8;\n --ds-chart-yellow-boldest: #FEF7C8;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #7EE2B8;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #BAF3DB;\n --ds-chart-green-bolder-hovered: #DCFFF1;\n --ds-chart-green-boldest: #DCFFF1;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #9DD9EE;\n --ds-chart-teal-bold-hovered: #C6EDFB;\n --ds-chart-teal-bolder: #C6EDFB;\n --ds-chart-teal-bolder-hovered: #E7F9FF;\n --ds-chart-teal-boldest: #E7F9FF;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #8FB8F6;\n --ds-chart-blue-bold-hovered: #CFE1FD;\n --ds-chart-blue-bolder: #CFE1FD;\n --ds-chart-blue-bolder-hovered: #E9F2FE;\n --ds-chart-blue-boldest: #E9F2FE;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #D8A0F7;\n --ds-chart-purple-bold-hovered: #EED7FC;\n --ds-chart-purple-bolder: #EED7FC;\n --ds-chart-purple-bolder-hovered: #F8EEFE;\n --ds-chart-purple-boldest: #F8EEFE;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #F797D2;\n --ds-chart-magenta-bold-hovered: #FDD0EC;\n --ds-chart-magenta-bolder: #FDD0EC;\n --ds-chart-magenta-bolder-hovered: #FFECF8;\n --ds-chart-magenta-boldest: #FFECF8;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #96999E;\n --ds-chart-gray-bold-hovered: #A9ABAF;\n --ds-chart-gray-bolder: #A9ABAF;\n --ds-chart-gray-bolder-hovered: #BFC1C4;\n --ds-chart-gray-boldest: #BFC1C4;\n --ds-chart-gray-boldest-hovered: #CECFD2;\n --ds-chart-brand: #669DF1;\n --ds-chart-brand-hovered: #8FB8F6;\n --ds-chart-danger: #F87168;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #C97CF4;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #669DF1;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ab655110f796c3743fb92d2b347b3524>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #CECFD2;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FD9891;\n --ds-text-accent-red-bolder: #FFD5D2;\n --ds-text-accent-orange: #FBC828;\n --ds-text-accent-orange-bolder: #FCE4A6;\n --ds-text-accent-yellow: #EED12B;\n --ds-text-accent-yellow-bolder: #F5E989;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #9DD9EE;\n --ds-text-accent-teal-bolder: #C6EDFB;\n --ds-text-accent-blue: #8FB8F6;\n --ds-text-accent-blue-bolder: #CFE1FD;\n --ds-text-accent-purple: #D8A0F7;\n --ds-text-accent-purple-bolder: #EED7FC;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #A9ABAF;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #669DF1;\n --ds-text-brand: #669DF1;\n --ds-text-danger: #FD9891;\n --ds-text-danger-bolder: #FFD5D2;\n --ds-text-warning: #FBC828;\n --ds-text-warning-inverse: #1F1F21;\n --ds-text-warning-bolder: #FCE4A6;\n --ds-text-success: #B3DF72;\n --ds-text-success-bolder: #D3F1A7;\n --ds-text-discovery: #D8A0F7;\n --ds-text-discovery-bolder: #EED7FC;\n --ds-text-information: #8FB8F6;\n --ds-text-information-bolder: #CFE1FD;\n --ds-text-subtlest: #96999E;\n --ds-text-subtle: #A9ABAF;\n --ds-link: #669DF1;\n --ds-link-pressed: #8FB8F6;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #E2483D;\n --ds-icon-accent-orange: #F68909;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #42B2D7;\n --ds-icon-accent-blue: #4688EC;\n --ds-icon-accent-purple: #BF63F3;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #7E8188;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #669DF1;\n --ds-icon-brand: #669DF1;\n --ds-icon-danger: #F15B50;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #1F1F21;\n --ds-icon-success: #82B536;\n --ds-icon-discovery: #BF63F3;\n --ds-icon-information: #4688EC;\n --ds-icon-subtlest: #96999E;\n --ds-icon-subtle: #A9ABAF;\n --ds-border: #E3E4F21F;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #F15B50;\n --ds-border-accent-orange: #F68909;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #42B2D7;\n --ds-border-accent-blue: #4688EC;\n --ds-border-accent-purple: #BF63F3;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #7E8188;\n --ds-border-disabled: #CECED912;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #7E8188;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #669DF1;\n --ds-border-brand: #669DF1;\n --ds-border-danger: #F15B50;\n --ds-border-warning: #F68909;\n --ds-border-success: #82B536;\n --ds-border-discovery: #BF63F3;\n --ds-border-information: #4688EC;\n --ds-border-bold: #7E8188;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #F87168;\n --ds-background-accent-red-bolder-hovered: #FD9891;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCA700;\n --ds-background-accent-orange-bolder-hovered: #FBC828;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #DDB30E;\n --ds-background-accent-yellow-bolder-hovered: #EED12B;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #6CC3E0;\n --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #C97CF4;\n --ds-background-accent-purple-bolder-hovered: #D8A0F7;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #63666B;\n --ds-background-accent-gray-subtle-hovered: #4B4D51;\n --ds-background-accent-gray-subtle-pressed: #3D3F43;\n --ds-background-accent-gray-bolder: #96999E;\n --ds-background-accent-gray-bolder-hovered: #A9ABAF;\n --ds-background-accent-gray-bolder-pressed: #BFC1C4;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #669DF1;\n --ds-background-selected-bold-hovered: #8FB8F6;\n --ds-background-selected-bold-pressed: #CFE1FD;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #669DF1;\n --ds-background-brand-bold-hovered: #8FB8F6;\n --ds-background-brand-bold-pressed: #ADCBFB;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #F87168;\n --ds-background-danger-bold-hovered: #FD9891;\n --ds-background-danger-bold-pressed: #FFB8B2;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #94C748;\n --ds-background-success-bold-hovered: #B3DF72;\n --ds-background-success-bold-pressed: #BDE97C;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #C97CF4;\n --ds-background-discovery-bold-hovered: #D8A0F7;\n --ds-background-discovery-bold-pressed: #E3BDFA;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #669DF1;\n --ds-background-information-bold-hovered: #8FB8F6;\n --ds-background-information-bold-pressed: #ADCBFB;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #4688EC;\n --ds-chart-categorical-1-hovered: #669DF1;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #C97CF4;\n --ds-chart-categorical-3-hovered: #D8A0F7;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #AF59E1;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #7E8188;\n --ds-chart-neutral-hovered: #96999E;\n --ds-chart-red-bold: #E2483D;\n --ds-chart-red-bold-hovered: #F15B50;\n --ds-chart-red-bolder: #F15B50;\n --ds-chart-red-bolder-hovered: #F87168;\n --ds-chart-red-boldest: #FD9891;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #F68909;\n --ds-chart-orange-bold-hovered: #FCA700;\n --ds-chart-orange-bolder: #FCA700;\n --ds-chart-orange-bolder-hovered: #FBC828;\n --ds-chart-orange-boldest: #FBD779;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #DDB30E;\n --ds-chart-yellow-bolder: #DDB30E;\n --ds-chart-yellow-bolder-hovered: #EED12B;\n --ds-chart-yellow-boldest: #EED12B;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #42B2D7;\n --ds-chart-teal-bold-hovered: #6CC3E0;\n --ds-chart-teal-bolder: #6CC3E0;\n --ds-chart-teal-bolder-hovered: #9DD9EE;\n --ds-chart-teal-boldest: #9DD9EE;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #357DE8;\n --ds-chart-blue-bold-hovered: #4688EC;\n --ds-chart-blue-bolder: #4688EC;\n --ds-chart-blue-bolder-hovered: #669DF1;\n --ds-chart-blue-boldest: #8FB8F6;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #AF59E1;\n --ds-chart-purple-bold-hovered: #BF63F3;\n --ds-chart-purple-bolder: #BF63F3;\n --ds-chart-purple-bolder-hovered: #C97CF4;\n --ds-chart-purple-boldest: #D8A0F7;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #7E8188;\n --ds-chart-gray-bold-hovered: #96999E;\n --ds-chart-gray-bolder: #96999E;\n --ds-chart-gray-bolder-hovered: #A9ABAF;\n --ds-chart-gray-boldest: #A9ABAF;\n --ds-chart-gray-boldest-hovered: #BFC1C4;\n --ds-chart-brand: #4688EC;\n --ds-chart-brand-hovered: #669DF1;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #4688EC;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #BDBDBD1F, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #CECFD2;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FD9891;\n --ds-text-accent-red-bolder: #FFD5D2;\n --ds-text-accent-orange: #FBC828;\n --ds-text-accent-orange-bolder: #FCE4A6;\n --ds-text-accent-yellow: #EED12B;\n --ds-text-accent-yellow-bolder: #F5E989;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #9DD9EE;\n --ds-text-accent-teal-bolder: #C6EDFB;\n --ds-text-accent-blue: #8FB8F6;\n --ds-text-accent-blue-bolder: #CFE1FD;\n --ds-text-accent-purple: #D8A0F7;\n --ds-text-accent-purple-bolder: #EED7FC;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #A9ABAF;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #669DF1;\n --ds-text-brand: #669DF1;\n --ds-text-danger: #FD9891;\n --ds-text-danger-bolder: #FFD5D2;\n --ds-text-warning: #FBC828;\n --ds-text-warning-inverse: #1F1F21;\n --ds-text-warning-bolder: #FCE4A6;\n --ds-text-success: #B3DF72;\n --ds-text-success-bolder: #D3F1A7;\n --ds-text-discovery: #D8A0F7;\n --ds-text-discovery-bolder: #EED7FC;\n --ds-text-information: #8FB8F6;\n --ds-text-information-bolder: #CFE1FD;\n --ds-text-subtlest: #96999E;\n --ds-text-subtle: #A9ABAF;\n --ds-link: #669DF1;\n --ds-link-pressed: #8FB8F6;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #E2483D;\n --ds-icon-accent-orange: #F68909;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #42B2D7;\n --ds-icon-accent-blue: #4688EC;\n --ds-icon-accent-purple: #BF63F3;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #7E8188;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #669DF1;\n --ds-icon-brand: #669DF1;\n --ds-icon-danger: #F15B50;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #1F1F21;\n --ds-icon-success: #82B536;\n --ds-icon-discovery: #BF63F3;\n --ds-icon-information: #4688EC;\n --ds-icon-subtlest: #96999E;\n --ds-icon-subtle: #A9ABAF;\n --ds-border: #E3E4F21F;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-lime-subtle: #4C6B1F;\n --ds-border-accent-red: #F15B50;\n --ds-border-accent-red-subtle: #AE2E24;\n --ds-border-accent-orange: #F68909;\n --ds-border-accent-orange-subtle: #9E4C00;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-yellow-subtle: #7F5F01;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-green-subtle: #216E4E;\n --ds-border-accent-teal: #42B2D7;\n --ds-border-accent-teal-subtle: #206A83;\n --ds-border-accent-blue: #4688EC;\n --ds-border-accent-blue-subtle: #1558BC;\n --ds-border-accent-purple: #BF63F3;\n --ds-border-accent-purple-subtle: #803FA5;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-magenta-subtle: #943D73;\n --ds-border-accent-gray: #7E8188;\n --ds-border-accent-gray-subtle: #4B4D51;\n --ds-border-disabled: #CECED912;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #7E8188;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #669DF1;\n --ds-border-brand: #669DF1;\n --ds-border-danger: #F15B50;\n --ds-border-danger-subtle: #AE2E24;\n --ds-border-warning: #F68909;\n --ds-border-warning-subtle: #9E4C00;\n --ds-border-success: #82B536;\n --ds-border-success-subtle: #4C6B1F;\n --ds-border-discovery: #BF63F3;\n --ds-border-discovery-subtle: #803FA5;\n --ds-border-information: #4688EC;\n --ds-border-information-subtle: #1558BC;\n --ds-border-bold: #7E8188;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #F87168;\n --ds-background-accent-red-bolder-hovered: #FD9891;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCA700;\n --ds-background-accent-orange-bolder-hovered: #FBC828;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #DDB30E;\n --ds-background-accent-yellow-bolder-hovered: #EED12B;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #6CC3E0;\n --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #C97CF4;\n --ds-background-accent-purple-bolder-hovered: #D8A0F7;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #63666B;\n --ds-background-accent-gray-subtle-hovered: #4B4D51;\n --ds-background-accent-gray-subtle-pressed: #3D3F43;\n --ds-background-accent-gray-bolder: #96999E;\n --ds-background-accent-gray-bolder-hovered: #A9ABAF;\n --ds-background-accent-gray-bolder-pressed: #BFC1C4;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #669DF1;\n --ds-background-selected-bold-hovered: #8FB8F6;\n --ds-background-selected-bold-pressed: #CFE1FD;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #669DF1;\n --ds-background-brand-bold-hovered: #8FB8F6;\n --ds-background-brand-bold-pressed: #ADCBFB;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-subtle: #AE2E24;\n --ds-background-danger-bold: #F87168;\n --ds-background-danger-bold-hovered: #FD9891;\n --ds-background-danger-bold-pressed: #FFB8B2;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-subtle: #9E4C00;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-subtle: #4C6B1F;\n --ds-background-success-bold: #94C748;\n --ds-background-success-bold-hovered: #B3DF72;\n --ds-background-success-bold-pressed: #BDE97C;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-subtle: #803FA5;\n --ds-background-discovery-bold: #C97CF4;\n --ds-background-discovery-bold-hovered: #D8A0F7;\n --ds-background-discovery-bold-pressed: #E3BDFA;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-subtle: #1558BC;\n --ds-background-information-bold: #669DF1;\n --ds-background-information-bold-hovered: #8FB8F6;\n --ds-background-information-bold-pressed: #ADCBFB;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #4688EC;\n --ds-chart-categorical-1-hovered: #669DF1;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #C97CF4;\n --ds-chart-categorical-3-hovered: #D8A0F7;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #AF59E1;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #7E8188;\n --ds-chart-neutral-hovered: #96999E;\n --ds-chart-red-bold: #E2483D;\n --ds-chart-red-bold-hovered: #F15B50;\n --ds-chart-red-bolder: #F15B50;\n --ds-chart-red-bolder-hovered: #F87168;\n --ds-chart-red-boldest: #FD9891;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #F68909;\n --ds-chart-orange-bold-hovered: #FCA700;\n --ds-chart-orange-bolder: #FCA700;\n --ds-chart-orange-bolder-hovered: #FBC828;\n --ds-chart-orange-boldest: #FBD779;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #DDB30E;\n --ds-chart-yellow-bolder: #DDB30E;\n --ds-chart-yellow-bolder-hovered: #EED12B;\n --ds-chart-yellow-boldest: #EED12B;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #42B2D7;\n --ds-chart-teal-bold-hovered: #6CC3E0;\n --ds-chart-teal-bolder: #6CC3E0;\n --ds-chart-teal-bolder-hovered: #9DD9EE;\n --ds-chart-teal-boldest: #9DD9EE;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #357DE8;\n --ds-chart-blue-bold-hovered: #4688EC;\n --ds-chart-blue-bolder: #4688EC;\n --ds-chart-blue-bolder-hovered: #669DF1;\n --ds-chart-blue-boldest: #8FB8F6;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #AF59E1;\n --ds-chart-purple-bold-hovered: #BF63F3;\n --ds-chart-purple-bolder: #BF63F3;\n --ds-chart-purple-bolder-hovered: #C97CF4;\n --ds-chart-purple-boldest: #D8A0F7;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #7E8188;\n --ds-chart-gray-bold-hovered: #96999E;\n --ds-chart-gray-bolder: #96999E;\n --ds-chart-gray-bolder-hovered: #A9ABAF;\n --ds-chart-gray-boldest: #A9ABAF;\n --ds-chart-gray-boldest-hovered: #BFC1C4;\n --ds-chart-brand: #4688EC;\n --ds-chart-brand-hovered: #669DF1;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #4688EC;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #BDBDBD1F, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
7
7
|
export default _default;
|