@pingux/astro 2.207.1-alpha.0 → 2.208.0-alpha.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/lib/cjs/components/Badge/Badge.styles.d.ts +152 -0
- package/lib/cjs/components/Badge/Badge.styles.js +9 -1
- package/lib/cjs/components/Pagination/Pagination.js +4 -2
- package/lib/cjs/components/Pagination/Pagination.styles.js +1 -1
- package/lib/cjs/components/TableBase/TableBase.js +4 -1
- package/lib/cjs/components/TableBase/TableBase.stories.js +8 -8
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts +42 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js +38 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/cards.d.ts +3 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/cards.js +4 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.d.ts +3 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.js +3 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +26 -3
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +27 -5
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +220 -18
- package/lib/cjs/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +202 -0
- package/lib/cjs/styles/themes/next-gen/variants/badges.js +42 -1
- package/lib/cjs/styles/themes/next-gen/variants/cards.d.ts +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/cards.js +3 -1
- package/lib/cjs/styles/themes/next-gen/variants/tableBase.d.ts +11 -17
- package/lib/cjs/styles/themes/next-gen/variants/tableBase.js +13 -17
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +6 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.js +6 -0
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +11 -17
- package/lib/components/Badge/Badge.styles.js +9 -1
- package/lib/components/Pagination/Pagination.js +4 -2
- package/lib/components/Pagination/Pagination.styles.js +1 -1
- package/lib/components/TableBase/TableBase.js +4 -1
- package/lib/components/TableBase/TableBase.stories.js +8 -8
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/badges.js +38 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/cards.js +4 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/text.js +3 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +27 -5
- package/lib/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/styles/themes/next-gen/variants/badges.js +42 -1
- package/lib/styles/themes/next-gen/variants/cards.js +3 -1
- package/lib/styles/themes/next-gen/variants/tableBase.js +13 -17
- package/lib/styles/themes/next-gen/variants/text.js +6 -0
- package/package.json +1 -1
|
@@ -3011,6 +3011,12 @@ declare const _default: {
|
|
|
3011
3011
|
fontWeight: number;
|
|
3012
3012
|
fontFamily: string;
|
|
3013
3013
|
};
|
|
3014
|
+
headText: {
|
|
3015
|
+
fontSize: string;
|
|
3016
|
+
fontWeight: string;
|
|
3017
|
+
color: any;
|
|
3018
|
+
lineHeight: string;
|
|
3019
|
+
};
|
|
3014
3020
|
label: {
|
|
3015
3021
|
fontSize: any;
|
|
3016
3022
|
};
|
|
@@ -4153,6 +4159,208 @@ declare const _default: {
|
|
|
4153
4159
|
warningCalloutBadge: {
|
|
4154
4160
|
backgroundColor: string;
|
|
4155
4161
|
};
|
|
4162
|
+
tableBaseBadge: {
|
|
4163
|
+
active: {
|
|
4164
|
+
backgroundColor: string;
|
|
4165
|
+
'& > span': {
|
|
4166
|
+
color: any;
|
|
4167
|
+
fontSize: string;
|
|
4168
|
+
lineHeight: string;
|
|
4169
|
+
};
|
|
4170
|
+
minWidth: string;
|
|
4171
|
+
border: string;
|
|
4172
|
+
'& span': {
|
|
4173
|
+
fontWeight: string;
|
|
4174
|
+
};
|
|
4175
|
+
'& button': {
|
|
4176
|
+
alignSelf: string;
|
|
4177
|
+
p: string;
|
|
4178
|
+
bg: string;
|
|
4179
|
+
'&.is-hovered': {
|
|
4180
|
+
bg: string;
|
|
4181
|
+
'& svg': {
|
|
4182
|
+
path: {
|
|
4183
|
+
fill: string;
|
|
4184
|
+
};
|
|
4185
|
+
};
|
|
4186
|
+
};
|
|
4187
|
+
};
|
|
4188
|
+
'& svg': {
|
|
4189
|
+
path: {
|
|
4190
|
+
fill: string;
|
|
4191
|
+
};
|
|
4192
|
+
};
|
|
4193
|
+
alignItems: string;
|
|
4194
|
+
justifyContent: string;
|
|
4195
|
+
padding: string;
|
|
4196
|
+
borderRadius: string;
|
|
4197
|
+
fontSize: string;
|
|
4198
|
+
alignSelf: string;
|
|
4199
|
+
display: string;
|
|
4200
|
+
width: string;
|
|
4201
|
+
color: string;
|
|
4202
|
+
};
|
|
4203
|
+
warning: {
|
|
4204
|
+
backgroundColor: string;
|
|
4205
|
+
'& > span': {
|
|
4206
|
+
color: any;
|
|
4207
|
+
fontSize: string;
|
|
4208
|
+
lineHeight: string;
|
|
4209
|
+
};
|
|
4210
|
+
minWidth: string;
|
|
4211
|
+
border: string;
|
|
4212
|
+
'& span': {
|
|
4213
|
+
fontWeight: string;
|
|
4214
|
+
};
|
|
4215
|
+
'& button': {
|
|
4216
|
+
alignSelf: string;
|
|
4217
|
+
p: string;
|
|
4218
|
+
bg: string;
|
|
4219
|
+
'&.is-hovered': {
|
|
4220
|
+
bg: string;
|
|
4221
|
+
'& svg': {
|
|
4222
|
+
path: {
|
|
4223
|
+
fill: string;
|
|
4224
|
+
};
|
|
4225
|
+
};
|
|
4226
|
+
};
|
|
4227
|
+
};
|
|
4228
|
+
'& svg': {
|
|
4229
|
+
path: {
|
|
4230
|
+
fill: string;
|
|
4231
|
+
};
|
|
4232
|
+
};
|
|
4233
|
+
alignItems: string;
|
|
4234
|
+
justifyContent: string;
|
|
4235
|
+
padding: string;
|
|
4236
|
+
borderRadius: string;
|
|
4237
|
+
fontSize: string;
|
|
4238
|
+
alignSelf: string;
|
|
4239
|
+
display: string;
|
|
4240
|
+
width: string;
|
|
4241
|
+
color: string;
|
|
4242
|
+
};
|
|
4243
|
+
critical: {
|
|
4244
|
+
backgroundColor: string;
|
|
4245
|
+
'& > span': {
|
|
4246
|
+
color: any;
|
|
4247
|
+
fontSize: string;
|
|
4248
|
+
lineHeight: string;
|
|
4249
|
+
};
|
|
4250
|
+
minWidth: string;
|
|
4251
|
+
border: string;
|
|
4252
|
+
'& span': {
|
|
4253
|
+
fontWeight: string;
|
|
4254
|
+
};
|
|
4255
|
+
'& button': {
|
|
4256
|
+
alignSelf: string;
|
|
4257
|
+
p: string;
|
|
4258
|
+
bg: string;
|
|
4259
|
+
'&.is-hovered': {
|
|
4260
|
+
bg: string;
|
|
4261
|
+
'& svg': {
|
|
4262
|
+
path: {
|
|
4263
|
+
fill: string;
|
|
4264
|
+
};
|
|
4265
|
+
};
|
|
4266
|
+
};
|
|
4267
|
+
};
|
|
4268
|
+
'& svg': {
|
|
4269
|
+
path: {
|
|
4270
|
+
fill: string;
|
|
4271
|
+
};
|
|
4272
|
+
};
|
|
4273
|
+
alignItems: string;
|
|
4274
|
+
justifyContent: string;
|
|
4275
|
+
padding: string;
|
|
4276
|
+
borderRadius: string;
|
|
4277
|
+
fontSize: string;
|
|
4278
|
+
alignSelf: string;
|
|
4279
|
+
display: string;
|
|
4280
|
+
width: string;
|
|
4281
|
+
color: string;
|
|
4282
|
+
};
|
|
4283
|
+
healthy: {
|
|
4284
|
+
backgroundColor: string;
|
|
4285
|
+
'& > span': {
|
|
4286
|
+
color: any;
|
|
4287
|
+
fontSize: string;
|
|
4288
|
+
lineHeight: string;
|
|
4289
|
+
};
|
|
4290
|
+
minWidth: string;
|
|
4291
|
+
border: string;
|
|
4292
|
+
'& span': {
|
|
4293
|
+
fontWeight: string;
|
|
4294
|
+
};
|
|
4295
|
+
'& button': {
|
|
4296
|
+
alignSelf: string;
|
|
4297
|
+
p: string;
|
|
4298
|
+
bg: string;
|
|
4299
|
+
'&.is-hovered': {
|
|
4300
|
+
bg: string;
|
|
4301
|
+
'& svg': {
|
|
4302
|
+
path: {
|
|
4303
|
+
fill: string;
|
|
4304
|
+
};
|
|
4305
|
+
};
|
|
4306
|
+
};
|
|
4307
|
+
};
|
|
4308
|
+
'& svg': {
|
|
4309
|
+
path: {
|
|
4310
|
+
fill: string;
|
|
4311
|
+
};
|
|
4312
|
+
};
|
|
4313
|
+
alignItems: string;
|
|
4314
|
+
justifyContent: string;
|
|
4315
|
+
padding: string;
|
|
4316
|
+
borderRadius: string;
|
|
4317
|
+
fontSize: string;
|
|
4318
|
+
alignSelf: string;
|
|
4319
|
+
display: string;
|
|
4320
|
+
width: string;
|
|
4321
|
+
color: string;
|
|
4322
|
+
};
|
|
4323
|
+
secondary: {
|
|
4324
|
+
backgroundColor: string;
|
|
4325
|
+
'& > span': {
|
|
4326
|
+
color: any;
|
|
4327
|
+
fontSize: string;
|
|
4328
|
+
lineHeight: string;
|
|
4329
|
+
};
|
|
4330
|
+
minWidth: string;
|
|
4331
|
+
border: string;
|
|
4332
|
+
'& span': {
|
|
4333
|
+
fontWeight: string;
|
|
4334
|
+
};
|
|
4335
|
+
'& button': {
|
|
4336
|
+
alignSelf: string;
|
|
4337
|
+
p: string;
|
|
4338
|
+
bg: string;
|
|
4339
|
+
'&.is-hovered': {
|
|
4340
|
+
bg: string;
|
|
4341
|
+
'& svg': {
|
|
4342
|
+
path: {
|
|
4343
|
+
fill: string;
|
|
4344
|
+
};
|
|
4345
|
+
};
|
|
4346
|
+
};
|
|
4347
|
+
};
|
|
4348
|
+
'& svg': {
|
|
4349
|
+
path: {
|
|
4350
|
+
fill: string;
|
|
4351
|
+
};
|
|
4352
|
+
};
|
|
4353
|
+
alignItems: string;
|
|
4354
|
+
justifyContent: string;
|
|
4355
|
+
padding: string;
|
|
4356
|
+
borderRadius: string;
|
|
4357
|
+
fontSize: string;
|
|
4358
|
+
alignSelf: string;
|
|
4359
|
+
display: string;
|
|
4360
|
+
width: string;
|
|
4361
|
+
color: string;
|
|
4362
|
+
};
|
|
4363
|
+
};
|
|
4156
4364
|
};
|
|
4157
4365
|
navigationHeader: {
|
|
4158
4366
|
headerPlaceholder: {
|
|
@@ -4721,10 +4929,10 @@ declare const _default: {
|
|
|
4721
4929
|
};
|
|
4722
4930
|
};
|
|
4723
4931
|
tableWrapper: {
|
|
4932
|
+
boxShadow: string;
|
|
4724
4933
|
p: string;
|
|
4725
4934
|
borderColor: any;
|
|
4726
4935
|
lineHeight: string;
|
|
4727
|
-
boxShadow: string;
|
|
4728
4936
|
border: string;
|
|
4729
4937
|
borderRadius: string;
|
|
4730
4938
|
display: string;
|
|
@@ -6851,50 +7059,47 @@ declare const _default: {
|
|
|
6851
7059
|
caption: {
|
|
6852
7060
|
backgroundColor: string;
|
|
6853
7061
|
px: string;
|
|
6854
|
-
color:
|
|
7062
|
+
color: any;
|
|
6855
7063
|
borderBottom: string;
|
|
6856
|
-
borderBottomColor:
|
|
7064
|
+
borderBottomColor: any;
|
|
6857
7065
|
borderTopLeftRadius: string;
|
|
6858
7066
|
borderTopRightRadius: string;
|
|
6859
7067
|
};
|
|
6860
7068
|
row: {
|
|
6861
7069
|
borderBottom: string;
|
|
6862
|
-
borderBottomColor:
|
|
7070
|
+
borderBottomColor: any;
|
|
6863
7071
|
'&.is-focused': {
|
|
6864
7072
|
outlineOffset: string;
|
|
6865
7073
|
outline: string;
|
|
6866
7074
|
outlineColor: string;
|
|
6867
7075
|
};
|
|
6868
7076
|
'&.is-hovered': {
|
|
6869
|
-
bg:
|
|
7077
|
+
bg: any;
|
|
6870
7078
|
'& > td:last-of-type': {
|
|
6871
|
-
bg:
|
|
7079
|
+
bg: any;
|
|
6872
7080
|
};
|
|
6873
7081
|
};
|
|
6874
7082
|
'&:nth-of-type(odd)': {
|
|
6875
|
-
bg:
|
|
7083
|
+
bg: any;
|
|
6876
7084
|
'&.is-hovered': {
|
|
6877
|
-
bg:
|
|
7085
|
+
bg: any;
|
|
6878
7086
|
};
|
|
6879
7087
|
'& > td:last-of-type': {
|
|
6880
|
-
bg:
|
|
7088
|
+
bg: any;
|
|
6881
7089
|
};
|
|
6882
7090
|
};
|
|
6883
7091
|
};
|
|
6884
7092
|
thead: {
|
|
6885
|
-
borderBottomColor:
|
|
7093
|
+
borderBottomColor: any;
|
|
6886
7094
|
backgroundColor: string;
|
|
6887
7095
|
'&.is-sticky': {
|
|
7096
|
+
border: string;
|
|
6888
7097
|
boxShadow: string;
|
|
6889
7098
|
};
|
|
6890
7099
|
};
|
|
6891
7100
|
head: {
|
|
6892
7101
|
px: string;
|
|
6893
7102
|
py: string;
|
|
6894
|
-
fontSize: string;
|
|
6895
|
-
fontWeight: string;
|
|
6896
|
-
color: string;
|
|
6897
|
-
lineHeight: string;
|
|
6898
7103
|
'&.is-focused': {
|
|
6899
7104
|
outlineOffset: string;
|
|
6900
7105
|
outline: string;
|
|
@@ -6905,7 +7110,7 @@ declare const _default: {
|
|
|
6905
7110
|
};
|
|
6906
7111
|
};
|
|
6907
7112
|
tbody: {
|
|
6908
|
-
borderTopColor:
|
|
7113
|
+
borderTopColor: any;
|
|
6909
7114
|
borderBottom: string;
|
|
6910
7115
|
backgroundColor: string;
|
|
6911
7116
|
borderBottomLeftRadius: string;
|
|
@@ -6919,9 +7124,6 @@ declare const _default: {
|
|
|
6919
7124
|
zIndex: number;
|
|
6920
7125
|
};
|
|
6921
7126
|
px: string;
|
|
6922
|
-
fontSize: string;
|
|
6923
|
-
color: string;
|
|
6924
|
-
lineHeight: string;
|
|
6925
7127
|
'&.is-focused': {
|
|
6926
7128
|
outlineOffset: string;
|
|
6927
7129
|
outline: string;
|
|
@@ -61,7 +61,7 @@ var nextGenTheme = {
|
|
|
61
61
|
codeView: 'Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace'
|
|
62
62
|
},
|
|
63
63
|
shadows: {
|
|
64
|
-
standard: (0, _concat["default"])(_context = "0 ".concat(_onyxTokens.astroTokens.spacing.card.shadow.y, " ")).call(_context, _onyxTokens.astroTokens.spacing.card.shadow.blur, " 0 rgba(0, 0, 0, 0.13)")
|
|
64
|
+
standard: (0, _concat["default"])(_context = "0 ".concat(_onyxTokens.astroTokens.spacing.card.shadow.y, "px ")).call(_context, _onyxTokens.astroTokens.spacing.card.shadow.blur, "px 0 rgba(0, 0, 0, 0.13)")
|
|
65
65
|
},
|
|
66
66
|
sizes: _sizes["default"],
|
|
67
67
|
badges: _badges.badges,
|
|
@@ -875,4 +875,206 @@ export declare const badges: {
|
|
|
875
875
|
warningCalloutBadge: {
|
|
876
876
|
backgroundColor: string;
|
|
877
877
|
};
|
|
878
|
+
tableBaseBadge: {
|
|
879
|
+
active: {
|
|
880
|
+
backgroundColor: string;
|
|
881
|
+
'& > span': {
|
|
882
|
+
color: any;
|
|
883
|
+
fontSize: string;
|
|
884
|
+
lineHeight: string;
|
|
885
|
+
};
|
|
886
|
+
minWidth: string;
|
|
887
|
+
border: string;
|
|
888
|
+
'& span': {
|
|
889
|
+
fontWeight: string;
|
|
890
|
+
};
|
|
891
|
+
'& button': {
|
|
892
|
+
alignSelf: string;
|
|
893
|
+
p: string;
|
|
894
|
+
bg: string;
|
|
895
|
+
'&.is-hovered': {
|
|
896
|
+
bg: string;
|
|
897
|
+
'& svg': {
|
|
898
|
+
path: {
|
|
899
|
+
fill: string;
|
|
900
|
+
};
|
|
901
|
+
};
|
|
902
|
+
};
|
|
903
|
+
};
|
|
904
|
+
'& svg': {
|
|
905
|
+
path: {
|
|
906
|
+
fill: string;
|
|
907
|
+
};
|
|
908
|
+
};
|
|
909
|
+
alignItems: string;
|
|
910
|
+
justifyContent: string;
|
|
911
|
+
padding: string;
|
|
912
|
+
borderRadius: string;
|
|
913
|
+
fontSize: string;
|
|
914
|
+
alignSelf: string;
|
|
915
|
+
display: string;
|
|
916
|
+
width: string;
|
|
917
|
+
color: string;
|
|
918
|
+
};
|
|
919
|
+
warning: {
|
|
920
|
+
backgroundColor: string;
|
|
921
|
+
'& > span': {
|
|
922
|
+
color: any;
|
|
923
|
+
fontSize: string;
|
|
924
|
+
lineHeight: string;
|
|
925
|
+
};
|
|
926
|
+
minWidth: string;
|
|
927
|
+
border: string;
|
|
928
|
+
'& span': {
|
|
929
|
+
fontWeight: string;
|
|
930
|
+
};
|
|
931
|
+
'& button': {
|
|
932
|
+
alignSelf: string;
|
|
933
|
+
p: string;
|
|
934
|
+
bg: string;
|
|
935
|
+
'&.is-hovered': {
|
|
936
|
+
bg: string;
|
|
937
|
+
'& svg': {
|
|
938
|
+
path: {
|
|
939
|
+
fill: string;
|
|
940
|
+
};
|
|
941
|
+
};
|
|
942
|
+
};
|
|
943
|
+
};
|
|
944
|
+
'& svg': {
|
|
945
|
+
path: {
|
|
946
|
+
fill: string;
|
|
947
|
+
};
|
|
948
|
+
};
|
|
949
|
+
alignItems: string;
|
|
950
|
+
justifyContent: string;
|
|
951
|
+
padding: string;
|
|
952
|
+
borderRadius: string;
|
|
953
|
+
fontSize: string;
|
|
954
|
+
alignSelf: string;
|
|
955
|
+
display: string;
|
|
956
|
+
width: string;
|
|
957
|
+
color: string;
|
|
958
|
+
};
|
|
959
|
+
critical: {
|
|
960
|
+
backgroundColor: string;
|
|
961
|
+
'& > span': {
|
|
962
|
+
color: any;
|
|
963
|
+
fontSize: string;
|
|
964
|
+
lineHeight: string;
|
|
965
|
+
};
|
|
966
|
+
minWidth: string;
|
|
967
|
+
border: string;
|
|
968
|
+
'& span': {
|
|
969
|
+
fontWeight: string;
|
|
970
|
+
};
|
|
971
|
+
'& button': {
|
|
972
|
+
alignSelf: string;
|
|
973
|
+
p: string;
|
|
974
|
+
bg: string;
|
|
975
|
+
'&.is-hovered': {
|
|
976
|
+
bg: string;
|
|
977
|
+
'& svg': {
|
|
978
|
+
path: {
|
|
979
|
+
fill: string;
|
|
980
|
+
};
|
|
981
|
+
};
|
|
982
|
+
};
|
|
983
|
+
};
|
|
984
|
+
'& svg': {
|
|
985
|
+
path: {
|
|
986
|
+
fill: string;
|
|
987
|
+
};
|
|
988
|
+
};
|
|
989
|
+
alignItems: string;
|
|
990
|
+
justifyContent: string;
|
|
991
|
+
padding: string;
|
|
992
|
+
borderRadius: string;
|
|
993
|
+
fontSize: string;
|
|
994
|
+
alignSelf: string;
|
|
995
|
+
display: string;
|
|
996
|
+
width: string;
|
|
997
|
+
color: string;
|
|
998
|
+
};
|
|
999
|
+
healthy: {
|
|
1000
|
+
backgroundColor: string;
|
|
1001
|
+
'& > span': {
|
|
1002
|
+
color: any;
|
|
1003
|
+
fontSize: string;
|
|
1004
|
+
lineHeight: string;
|
|
1005
|
+
};
|
|
1006
|
+
minWidth: string;
|
|
1007
|
+
border: string;
|
|
1008
|
+
'& span': {
|
|
1009
|
+
fontWeight: string;
|
|
1010
|
+
};
|
|
1011
|
+
'& button': {
|
|
1012
|
+
alignSelf: string;
|
|
1013
|
+
p: string;
|
|
1014
|
+
bg: string;
|
|
1015
|
+
'&.is-hovered': {
|
|
1016
|
+
bg: string;
|
|
1017
|
+
'& svg': {
|
|
1018
|
+
path: {
|
|
1019
|
+
fill: string;
|
|
1020
|
+
};
|
|
1021
|
+
};
|
|
1022
|
+
};
|
|
1023
|
+
};
|
|
1024
|
+
'& svg': {
|
|
1025
|
+
path: {
|
|
1026
|
+
fill: string;
|
|
1027
|
+
};
|
|
1028
|
+
};
|
|
1029
|
+
alignItems: string;
|
|
1030
|
+
justifyContent: string;
|
|
1031
|
+
padding: string;
|
|
1032
|
+
borderRadius: string;
|
|
1033
|
+
fontSize: string;
|
|
1034
|
+
alignSelf: string;
|
|
1035
|
+
display: string;
|
|
1036
|
+
width: string;
|
|
1037
|
+
color: string;
|
|
1038
|
+
};
|
|
1039
|
+
secondary: {
|
|
1040
|
+
backgroundColor: string;
|
|
1041
|
+
'& > span': {
|
|
1042
|
+
color: any;
|
|
1043
|
+
fontSize: string;
|
|
1044
|
+
lineHeight: string;
|
|
1045
|
+
};
|
|
1046
|
+
minWidth: string;
|
|
1047
|
+
border: string;
|
|
1048
|
+
'& span': {
|
|
1049
|
+
fontWeight: string;
|
|
1050
|
+
};
|
|
1051
|
+
'& button': {
|
|
1052
|
+
alignSelf: string;
|
|
1053
|
+
p: string;
|
|
1054
|
+
bg: string;
|
|
1055
|
+
'&.is-hovered': {
|
|
1056
|
+
bg: string;
|
|
1057
|
+
'& svg': {
|
|
1058
|
+
path: {
|
|
1059
|
+
fill: string;
|
|
1060
|
+
};
|
|
1061
|
+
};
|
|
1062
|
+
};
|
|
1063
|
+
};
|
|
1064
|
+
'& svg': {
|
|
1065
|
+
path: {
|
|
1066
|
+
fill: string;
|
|
1067
|
+
};
|
|
1068
|
+
};
|
|
1069
|
+
alignItems: string;
|
|
1070
|
+
justifyContent: string;
|
|
1071
|
+
padding: string;
|
|
1072
|
+
borderRadius: string;
|
|
1073
|
+
fontSize: string;
|
|
1074
|
+
alignSelf: string;
|
|
1075
|
+
display: string;
|
|
1076
|
+
width: string;
|
|
1077
|
+
color: string;
|
|
1078
|
+
};
|
|
1079
|
+
};
|
|
878
1080
|
};
|
|
@@ -152,6 +152,46 @@ var healthyStatusBadge = _objectSpread({
|
|
|
152
152
|
var secondaryStatusBadge = _objectSpread({
|
|
153
153
|
border: 'none'
|
|
154
154
|
}, secondary);
|
|
155
|
+
var tableBaseBadgeBaseStyle = _objectSpread(_objectSpread({}, baseBadge), {}, {
|
|
156
|
+
minWidth: '100px',
|
|
157
|
+
border: 'none'
|
|
158
|
+
});
|
|
159
|
+
var tableBaseBadgeSpanStyle = {
|
|
160
|
+
fontSize: '11.25px',
|
|
161
|
+
lineHeight: '1'
|
|
162
|
+
};
|
|
163
|
+
var tableBaseBadge = {
|
|
164
|
+
active: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
|
|
165
|
+
backgroundColor: "".concat(_onyxTokens.astroTokens.color.blue[100], " !important"),
|
|
166
|
+
'& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
|
|
167
|
+
color: _onyxTokens.astroTokens.color.blue[600]
|
|
168
|
+
})
|
|
169
|
+
}),
|
|
170
|
+
warning: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
|
|
171
|
+
backgroundColor: "".concat(_onyxTokens.astroTokens.color.yellow[100], " !important"),
|
|
172
|
+
'& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
|
|
173
|
+
color: _onyxTokens.astroTokens.color.blue[600]
|
|
174
|
+
})
|
|
175
|
+
}),
|
|
176
|
+
critical: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
|
|
177
|
+
backgroundColor: "".concat(_onyxTokens.astroTokens.color.red[100], " !important"),
|
|
178
|
+
'& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
|
|
179
|
+
color: _onyxTokens.astroTokens.color.red[800]
|
|
180
|
+
})
|
|
181
|
+
}),
|
|
182
|
+
healthy: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
|
|
183
|
+
backgroundColor: "".concat(_onyxTokens.astroTokens.color.green[100], " !important"),
|
|
184
|
+
'& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
|
|
185
|
+
color: _onyxTokens.astroTokens.color.green[800]
|
|
186
|
+
})
|
|
187
|
+
}),
|
|
188
|
+
secondary: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
|
|
189
|
+
backgroundColor: "".concat(_onyxTokens.astroTokens.color.gray[100], " !important"),
|
|
190
|
+
'& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
|
|
191
|
+
color: _onyxTokens.astroTokens.color.gray[800]
|
|
192
|
+
})
|
|
193
|
+
})
|
|
194
|
+
};
|
|
155
195
|
var countBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
|
|
156
196
|
backgroundColor: '#455469 !important',
|
|
157
197
|
'& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
|
|
@@ -205,5 +245,6 @@ var badges = exports.badges = {
|
|
|
205
245
|
},
|
|
206
246
|
warningCalloutBadge: {
|
|
207
247
|
backgroundColor: 'white !important'
|
|
208
|
-
}
|
|
248
|
+
},
|
|
249
|
+
tableBaseBadge: tableBaseBadge
|
|
209
250
|
};
|
|
@@ -90,7 +90,9 @@ var suggestionRow = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
|
|
|
90
90
|
var suggestionColumn = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
|
|
91
91
|
display: 'flex'
|
|
92
92
|
});
|
|
93
|
-
var tableWrapper = _objectSpread({}, container)
|
|
93
|
+
var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
|
|
94
|
+
boxShadow: 'standard'
|
|
95
|
+
});
|
|
94
96
|
var _default = exports["default"] = {
|
|
95
97
|
interactive: interactive,
|
|
96
98
|
dark: dark,
|
|
@@ -36,50 +36,47 @@ export declare const tableBase: {
|
|
|
36
36
|
caption: {
|
|
37
37
|
backgroundColor: string;
|
|
38
38
|
px: string;
|
|
39
|
-
color:
|
|
39
|
+
color: any;
|
|
40
40
|
borderBottom: string;
|
|
41
|
-
borderBottomColor:
|
|
41
|
+
borderBottomColor: any;
|
|
42
42
|
borderTopLeftRadius: string;
|
|
43
43
|
borderTopRightRadius: string;
|
|
44
44
|
};
|
|
45
45
|
row: {
|
|
46
46
|
borderBottom: string;
|
|
47
|
-
borderBottomColor:
|
|
47
|
+
borderBottomColor: any;
|
|
48
48
|
'&.is-focused': {
|
|
49
49
|
outlineOffset: string;
|
|
50
50
|
outline: string;
|
|
51
51
|
outlineColor: string;
|
|
52
52
|
};
|
|
53
53
|
'&.is-hovered': {
|
|
54
|
-
bg:
|
|
54
|
+
bg: any;
|
|
55
55
|
'& > td:last-of-type': {
|
|
56
|
-
bg:
|
|
56
|
+
bg: any;
|
|
57
57
|
};
|
|
58
58
|
};
|
|
59
59
|
'&:nth-of-type(odd)': {
|
|
60
|
-
bg:
|
|
60
|
+
bg: any;
|
|
61
61
|
'&.is-hovered': {
|
|
62
|
-
bg:
|
|
62
|
+
bg: any;
|
|
63
63
|
};
|
|
64
64
|
'& > td:last-of-type': {
|
|
65
|
-
bg:
|
|
65
|
+
bg: any;
|
|
66
66
|
};
|
|
67
67
|
};
|
|
68
68
|
};
|
|
69
69
|
thead: {
|
|
70
|
-
borderBottomColor:
|
|
70
|
+
borderBottomColor: any;
|
|
71
71
|
backgroundColor: string;
|
|
72
72
|
'&.is-sticky': {
|
|
73
|
+
border: string;
|
|
73
74
|
boxShadow: string;
|
|
74
75
|
};
|
|
75
76
|
};
|
|
76
77
|
head: {
|
|
77
78
|
px: string;
|
|
78
79
|
py: string;
|
|
79
|
-
fontSize: string;
|
|
80
|
-
fontWeight: string;
|
|
81
|
-
color: string;
|
|
82
|
-
lineHeight: string;
|
|
83
80
|
'&.is-focused': {
|
|
84
81
|
outlineOffset: string;
|
|
85
82
|
outline: string;
|
|
@@ -90,7 +87,7 @@ export declare const tableBase: {
|
|
|
90
87
|
};
|
|
91
88
|
};
|
|
92
89
|
tbody: {
|
|
93
|
-
borderTopColor:
|
|
90
|
+
borderTopColor: any;
|
|
94
91
|
borderBottom: string;
|
|
95
92
|
backgroundColor: string;
|
|
96
93
|
borderBottomLeftRadius: string;
|
|
@@ -104,9 +101,6 @@ export declare const tableBase: {
|
|
|
104
101
|
zIndex: number;
|
|
105
102
|
};
|
|
106
103
|
px: string;
|
|
107
|
-
fontSize: string;
|
|
108
|
-
color: string;
|
|
109
|
-
lineHeight: string;
|
|
110
104
|
'&.is-focused': {
|
|
111
105
|
outlineOffset: string;
|
|
112
106
|
outline: string;
|